2.27.2006

Code: Drag-Down Menus

This is the code for creating drag-down menus. Figured it out by just looking at the HTML for some.

expand code+instructions
This is an example.


This is the code.
<select style="width:170px;" name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Example -</option>
<option value="http://journalofasuburbanobserver.blogspot.com/">Journal of a Suburban Observer</option>
<option value="BloggerForum.com">Blogger Forum</option>
<option value="#">EDIT ME</option>
<option value="#">EDIT ME</option>
<option value="#">EDIT ME</option>
<option value="#">EDIT ME</option>
<option value="#">EDIT ME</option>
<option value="#">EDIT ME</option>

These are the instructions:
Find:
<option selected>- Example -</option>
Change:
"- Example -" to what ever you want the title to be.

Find:
<option value="#">EDIT ME</option>
Replace:
# with the URL of where you want the selection to be linked to.
Change:
EDIT ME to the name of the selection.


**EDIT**
add this between the tags to format it:

.dropdown {
font-family: arial;
font-size: 9px;
color: #000000;
width:120px;
background-color: #FFFFFF;
}

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home