Menu desplegable sencillo

Unknown Gadget

Una vez mas trasteando con los gadget y el css, he puesto unos menú desplegable mini que os acompañaran en todas las entradas de La Red Te Ayudara para que en cualquier momento volváis donde más os interese.

He puesto un CSS común para los tres y los tres en un gadget. de manera que todos tienen mas mismas características en cuanto a forma , color y demás características.

<style type="text/css">
.etiblog {
background-color: #bbf2ce;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #2dcf94;
border-right-color: #2dcf94;
border-bottom-color: #2dcf94;
border-left-color: #2dcf94;
height: auto;
width: 200px;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-style: normal;
text-align: center;
text-transform: capitalize;
}
</style>

<select name="etiblog" size="1" class="etiblog" id="etiblog" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}"><option selected/>El nombre que quieras<option value="Url de la pagina"/>Nombre de la Pagina<option value="Url de la pagina"/>Nombre de la Pagina<option value="Url de la pagina"/>Nombre de la Pagina<option value="Url de la pagina"/>Nombre de la Pagina</select>

Podrás trastear en el primer código para cambiar las características.
Y este código:

<option value="Url de la pagina"/>Nombre de la Pagina

Podrás poner tantos como necesites.

Espero que le encontreis utilidad ya que con un poco de atencion y tiempo los resultados pueden ser sorprendentes y super practico.
Ya sabes si te gusto compartelo...
Directamente a tu e-mail

O suscríbete por otras vías: RSS

La Red Te Ayudara

Menu desplegable sencillo

Compártelo en las Redes Sociales!

0 comentarios: