<style>
select.Menu{
font-family: Verdana,sans serif;
font-size: 8pt;
font-style: normal;
}
option.menu1{
color:#FFFFFF;
background-color:#FFC0FF;
}
option.menu2{
color:#CC0000;
background-color:#FF80FF;
}
option.menu3{
color:#123456;
background-color:#FF40FF;
}
}
option.menu4{
color:#123456;
background-color:#CE8AEE;
}
}
option.menu5{
color:#123456;
background-color:#E1AAF8;
}
}
option.menu6{
color:#123456;
background-color:#C19BF9;
}
</style>
<form>
<select onchange="if(options[selectedIndex].value) parent.frames.location.href= (options[selectedIndex].value)" class="Menu" name="URL" size="1">
<option/>escolha
<option/>
<option class="menu1" value="AQUI O ENDEREÇO DO SEU LINK 1"/>item 1
<option class="menu2" value="AQUI O ENDEREÇO DO SEU LINK 2"/>item 2
<option class="menu3" value="AQUI O ENDEREÇO DO SEU LINK 3"/>item 3
<option class="menu4" value="AQUI O ENDEREÇO DO SEU LINK 4"/>item 4
<option class="menu5" value="AQUI O ENDEREÇO DO SEU LINK 5"/>item 5
<option class="menu6" value="AQUI O ENDEREÇO DO SEU LINK 6"/>item 6
</select>
</form>
Para os menus coloridos:
Para trocar as cores é só modificar os números que estão em verde.
<select onchange="if(options[selectedIndex].value) parent.frames.location.href= (options[selectedIndex].value)" style="background: #B3D87F; color: rgb(0, 0, 0); font-family: Arial; font-size: 10pt;" class="links" name="URL" size="1">
<option selected="selected"/>--primeiro--
<option value="ENDEREÇO DO SEU LINK/>Link 1
<option value="ENDEREÇO DO SEU LINK/>Link 2
<option value="ENDEREÇO DO SEU LINK/>Link 3
<option value="ENDEREÇO DO SEU LINK/>Link 4
<option value="ENDEREÇO DO SEU LINK/>Link 5
</select>
<select onchange="if(options[selectedIndex].value) parent.frames.location.href= (options[selectedIndex].value)" style="background: #D3E9DD; color: rgb(0, 0 , 0); font-family: Arial; font-size: 8pt;" class="links" name="URL" size="1">
<option selected="selected"/>--segundo--
<option value="ENDEREÇO DO SEU LINK/>Link 1
<option value="ENDEREÇO DO SEU LINK/>Link 2
<option value="ENDEREÇO DO SEU LINK/>Link 3
<option value="ENDEREÇO DO SEU LINK/>Link 4
<option value="ENDEREÇO DO SEU LINK/>Link 5
</select>
<select onchange="if(options[selectedIndex].value) parent.frames.location.href= (options[selectedIndex].value)" style="background: #ADC6E5; color: rgb(0, 0, 0); font-family: Arial; font-size: 8pt;" class="links" name="URL" size="1">
<option selected="selected"/>--terceiro--
<option value="ENDEREÇO DO SEU LINK/>Link 1
<option value="ENDEREÇO DO SEU LINK/>Link 2
<option value="ENDEREÇO DO SEU LINK/>Link 3
<option value="ENDEREÇO DO SEU LINK/>Link 4
<option value="ENDEREÇO DO SEU LINK/>Link 5
</select>
Como faz pra colocar mais links nesse menu ?
ResponderExcluir