Advertising

Want to be here?

Navigation

Main Domain Owner Contest

Affiliates

Aila | Anna | Ari | Beth | Bizz & Florin | Catherine | Elisabeth | Fatima | Gunnstein | Jabed | Jack | Katinka | Kristin | Lise | Marius | Michelle & Skye | Miriam | Nina | Taz | Tiffany | Tom | Tonje | Tori | Shahad | Sophie | Vegard | Victoria

MORE?

the owner

Vibeke. 20 years old. February 23. Norway. Asker. green eyes. brown hair. soccer player.
Loves: Jan Christopher. kebab. friends. Dolly+Ferdinand. Kumsen. money. pizza. snowboard. my green car. surprises. candy. coca cola. LOST. Prison Break. Ugly Betty. sun. Nickelback.
Hates: arrogant/fake people. school. toes. rain. stealers/copiers. homework. teachers.

MORE?

Domain

Owner: Vibeke
Host: one
Site name: vejc-design.com
Online since: 4. October '07
Hits:
Online: Online
Last updated: 28. July '08

MORE?

Layout

Layout up since July 28. It was made by Vibeke in Paint Shop Pro 9. Featuring no one. Fonts used: Ambrosia.

link me

MORE?

Updates

July 28

Frontpage

Photos from Ibiza

June 9

7 PNG's

8 photographs

May 29

5 photographs

Photo Gallery

Ads

Pop-up in a Dropdown menu

Main >> Tutorials >> HTML >> Pop-up in a Dropdown menu

Finally I have made a tutorial on how to put a pop-up page in a dropdown menu. I've gotoen a lot of questions on how to do this. So here's the tutorial, hope you'll get how to do it after reading this!

PAGES VEJC-DESIGN.COM

Step 1: First of all you have to copy the dropdown menu code under, and paste it on the site you want to have your menu.
<form method="post" name="nameform"><font color="#ffffff" size="2" face="small fonts"><select name="emmasmenu" size="1" style="BACKGROUND: #98ADC0; BORDER-BOTTOM: outset; BORDER-LEFT: outset; BORDER-RIGHT: outset; BORDER-TOP: outset; COLOR: #ffffff; FONT-FAMILY: small fonts; TEXT-TRANSFORM: uppercase; FONT-SIZE: 7px;"> <option selected value="0">choose your page</option> <option value="0"></option> TEXT OR LINKS HERE <input type="button" value="CLICK!?" onclick="location = document.nameform.emmasmenu.options [document.nameform.emmasmenu.selectedIndex].value;" style="BACKGROUND: #98ADC0; COLOR: #ffffff; FONT-FAMILY: small fonts;TEXT-TRANSFORM: uppercase; FONT-SIZE: 7px"> </b></select></font></form>

Step 2: Then copy the pop-up code under and paste it into the dropdown menu code where it says TEXT OR LINKS HERE. It is very important that you paste it in the right place!
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function mypage() { window.open ("PAGE ADDRESS HERE",'mypage','toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no,copyhistory=no,scrollbars=yes,width=320,height=380' ); } //--> </SCRIPT> <option value="JavaScript: mypage()" onMouseOver="window.status='; return true" onMouseOut="window.status='; return true">PAGE NAME</option>

Step 3: Then type in the URL adress to the site you want to appear in the pop-up window, were it says PAGE ADDRESS HERE.

Step 4: A littlebit further down in the code where it says MYPAGE, you type in the name of the page (example: "guestbook").

Step 5: Now you can change the colours on the dropdown menu as you like. You can also change the button which you click on to get to the pages. It says "click!?" now, but you can write whatever you want instead. You deside!

Step 6: If you want more pages in the dropdown menu, just copy the pop-up code again and paste it right under the other pop-up code. And fill out like you did the last time.

Copyright © 2007-2008 vejc-design.com. All rights reserved.
CN | ONE | GA | PB | CC