Drifting Designs Tutorials > > Coding > > HTML > > Drop Down Menu
Basic Drop Down Menu
Drop Down Menu without "Go" Button
Drop Down Menu w/ New Window
Drop Down Menu w/ Target Frame
Drop Down Menu w/ Spaces
Drop Down Menu w/ Color
This tutorial will teach you how to create a drop down menu button, such as the one below.
Here's the code -
You can use more than one drop down menu on one page; however, make sure that you change the form name to something else for each menu, such as "form2" and "form3" and so on.
Drop Down Menu without "Go" Button
Want a drop down menu that will change automatically instead of having the user press the "Go" button? Use the following code -
Use the following code to use a drop down menu (without a "Go" button) that opens up to a new window.
Drop Down Menu w/ Target Frame
As in my avatars page, drop down menus that target specific frames can be used, instead of the frame window that the menu itself is in. Paste the following code where you want the menu to show up.
Where it says in the code "WritetheNameofyourFrameHere", write the name of the frame that you want your menu to target to.
Take a look at the drop down menu below. Do you see how there are spaces and little non-link text in between the links?
Below is an abridged code to that. I've bolded the parts that you should pay attention to.
<select name="Menu">
<option value="dropdownmenu.php">Drop Down Menu Tutorial</option>
<option></option>
<option value=".php">Embed Music Tutorial</option>
<option>-</option>
<option value="printingcode.php">Printing Code Tutorial</option>
<option>~</option>
<option value="textarea.php">Textarea Tutorial</option>
<option>+++</option>
<option value="wave.php">Text Wave Tutorial</option>
</select>
Look at the below drop down menu. See how it is colored?
To do that, simply add the following in bold to each of your "option value" tags of the code.
<option value="index.php" style="background-color:#ACC5DD;">DriftingDesigns</option>
|
