You can copy, and paste it into your own page. Just change anything
that is in Yellow to what you require.
If it is not Yellow, leave it as is.
Please Note the Script that is in Green
MUST be on one line.
Where script is Brown you may leave as
it is, IF that is the only menu on the page
if you have more than one menu then rename it.
To increase or decrease the menu, add or remove a option line.
The CSS is added using a class
<FORM ACTION="">
<select class="select" name="list">
<option value="ftp.shtml">FTP
Help</option>
<option value="index2.shtml">Home</option>
<option value="table.shtml">Table
Index</option>
<option value="css-page.shtml">CSS</option>
<option value="htmlpage.shtml">HTML</option>
</select>
<br>
<input class="button"
type=button value="GO!" onClick="top.location.href= this.form.list.options[this.form.list.selectedIndex].value"
name="button">
</FORM>
CSS code
Add the code below between your head tags.
Please Note there is a period . before .button and .select this is
required
<style type="text/css">
.button{
background: url(./form-button.jpg) #4169E1;<br>
color: #2F4F4F;
font-family: Arial, Helvetica, sans-serif;<br>
font-size: 12px;
font-weight: 600;
width: 100px;
text-decoration: none;
}
.select {
background-color: #0066FF;
color: #DCD4C2;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: 600;
width: 110px;
}
</style>
I have put a Zip file here to
down load 2 examples