Welcome to yesWebmaster.com! The ultimate webmasters resource! We have separate sections for Personal and Business web sites.

Services: Dropdown   Add a drop down menu to your web site just like the ones you see on yesWebmaster.com. This is a very simple lesson in basic HTML, enjoy.

Make Your Own Dropdown Menu

Copy the blue area below to start and follow the instructions that follow.

<font size="-1" face="Tahoma">
<select width=120 class="pulldown" onchange="window.location.href=this.options[this.selectedIndex].value" style="background-color: rgb(255,255,255); face="tahoma">
<option value="#">Link 1
<option value="#">Link 2
<option value="#">Link 3
</select></font>

What you should see so far:

Next, change the text "Link 1", "Link 2", and "Link 3" to your desired message. (Note, only change the white text at this time.)

<font size="-1" face="Tahoma">
<select width=120 class="pulldown" onchange="window.location.href=this.options[this.selectedIndex].value" style="background-color: rgb(255,255,255); face="tahoma">
<option value="#">Link 1
<option value="#">Link 2
<option value="#">Link 3
</select></font>

Next, change all of the "#"s to the desired URL, be sure to include http://. (Change only the white text at this time.)

<font size="-1" face="Tahoma">
<select width=120 class="pulldown" onchange="window.location.href=this.options[this.selectedIndex].value" style="background-color: rgb(255,255,255); face="tahoma">
<option value="#">Link 1
<option value="#">Link 2
<option value="#">Link 3
</select></font>

Next, you may change the background color to your desired RGB color. (Change only the white text.)

<font size="-1" face="Tahoma">
<select width=120 class="pulldown" onchange="window.location.href=this.options[this.selectedIndex].value" style="background-color: rgb(255,255,255); face="tahoma">
<option value="#">Link 1
<option value="#">Link 2
<option value="#">Link 3
</select></font>

For demonstration we've changed the background color and links. Our final result is below.

<font size="-1" face="Tahoma">
<select width=120 class="pulldown" onchange="window.location.href=this.options[this.selectedIndex].value" style="background-color: rgb(51,153,255); face="tahoma">
<option value="http://www.yeswebmaster.com/hosting">Hosting
<option value="http://www.yeswebmaster.com/graphics">Graphics
<option value="http://www.yeswebmaster.com/email">Email
</select></font>

Newsletter

More

Find out what is happening at yesWebmaster.com without ever visiting our site. Get all of the articles, special reports, new stuff, cool stuff, and contests right in your inbox! FREE!

Get free email for life! YourName@WebmastersEmail.com!
Find a pay web host using our resources and reviews!

Enter your email address below,
then click the 'Join' button:

2000 yesWebmaster.com. Do not duplicate or reproduce in any form with permission. Top of page. Need help?