Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks Tutorials
& Resources
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Dreamweaver Tutorials > Pop-up Windows  

 

Featured Fireworks & Dreamweaver Template

Christian Template 3
Christian
$39.95

Pop-up Windows

Use the Dreamweaver behaviors panel to create small pop-up windows for ads or news!

This behavior helps to create pop-up ads, small browser windows etc. If you don't have Dreamweaver we have provided the code that you can cut 'n' paste and use in your web page.

'Open Browser Window' Behavior

This behavior allows you to open a browser window in any size you specify. e.g. Click here to see a sample.

Code for the Function: Cut 'n' Paste Code
Code for the Links: Cut 'n' Paste Code

The above code is taken from Macromedia Dreamweaver 4.0

Learn how to Open a New browser Window in Dreamweaver

  1. Open the behaviors panel by clicking on Windows/Behaviors.
  2. Select the text that you would like to link to the new browser window.
  3. Click on the '+' symbol in the behaviors panel.
  4. Click on 'Open Browser Window'
  5. In the 'Open browser Window' pop-up-window select the URL and specify the width and the height of the window. You can also choose if you want a status bar or a scroll bar etc.
  6. Click on OK
  7. In the behaviors panel under the Events Column you can choose onClick if you want the browser window to open only when the link is clicked.

Favorite Behaviors

Pop-Up Windows
The 'Open browser Window' behavior can be used for promotional ads, zooming in to pictures etc. It allows you to open a browser window in any size you specify.
Sample: Click here.
 Learn how its done

Play Sound
Play sound on rollovers, on page load etc.
Sample: Rollover to play sound
Click here to learn how its done

Jump Menus
If you have a lot of links on a page and don't have enough of space to fit them all a simple way to add the links is to create a jump menu.
Sample:
Click here to see how its done
Swap images
Use swap images to liven up your site and add a bit of interactivity.
Sample: Rollover the links on the right to view the swaps.
Click here to learn how to create swaps in Fireworks

 


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


Looking for high-quality Website Design? Choose from over 45000 templates!

create a free html5 website

Featured Template
Template # 36511
Type: WordPress
Price: $68