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:
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