Menu embutido colorido

Pegar código

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

--primeiro--linklinklink


--segundo--linklinklink

--terceiro--linklinklink


Pegar código

*Para trocar as cores é só modificar os números que estão coloridos.





<select onchange="if(options[selectedIndex].value) parent.frames.location.href= (options[selectedIndex].value)" style="background-">255, 188, 0); color: rgb(0, 0, 0); font-family: Arial; font-size: 8pt;" 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 LINKt"/>Link 2
<option value="ENDEREÇO DO SEU LINKt"/>Link 3
<option value="ENDEREÇO DO SEU LINKt"/>Link 4
<option value="ENDEREÇO DO SEU LINKt"/>Link 5
</select>





<select onchange="if(options[selectedIndex].value) parent.frames.location.href= (options[selectedIndex].value)" style="background-">128, 128, 255); 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 LINKt"/>Link 2
<option value="ENDEREÇO DO SEU LINKt"/>Link 3
<option value="ENDEREÇO DO SEU LINKt"/>Link 4
<option value="ENDEREÇO DO SEU LINKt"/>Link 5
</select>




<select onchange="if(options[selectedIndex].value) parent.frames.location.href= (options[selectedIndex].value)" style="background-">192, 0, 0); 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 LINKt"/>Link 2
<option value="ENDEREÇO DO SEU LINKt"/>Link 3
<option value="ENDEREÇO DO SEU LINKt"/>Link 4
<option value="ENDEREÇO DO SEU LINKt"/>Link 5
</select>