MENÚ DESPLEGABLE PARA TU BLOG
"BLOGS KIRADOBER"
Crear un menú desplegable es muy sencillo, únicamente hay que crear un gadget HTML/Javascript y ahí pegar esto:
Para implementarlo en vuestro Bloc en un gadget solo tenéis que seguir estos pasos:
Un clic en “Diseño”
Clic en “Añadir un gadget”
Busca el widget que dice “HTML-Javascript” y ábrelo
Coloca el siguiente código en el interior
<select onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" class="desplegable" name="menu" size="1">
<option selected/>Seleccionar...
<option value=""/>- - - - - - - - - -
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
</select>
<option selected/>Seleccionar...
<option value=""/>- - - - - - - - - -
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
</select>
Sólo hay que agregar las URL de las páginas del menú y el título de la opción.
El resultado será este:
Menú sin color
Si quisieras añadirle color entonces entra a Plantilla | Edición de HTML y antes de ]]></b:skin> pega lo siguiente:
Un clic en “Plantilla”
Un clic en “Editar HTML”
Ahora se te abrirá el Editor HTML de tu plantilla
En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,
debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,
Busca el siguiente código
]></b:skin>
Justo arriba (o antes) del código que encontraste, inserta las siguientes lineas de código.
.desplegable {
background-color: #ccc;
color: #000;
}
background-color: #ccc;
color: #000;
}
En background-color puedes elegir el color de fondo del menú, y en color puedes escoger el color de las letras.
El resultado será este:
Después de haber insertado el código, un clic en “Guardar plantilla”
Data de la Publicación; 16-10-2019
Fuente; ciudadblogger
Publicado por;
No hay comentarios:
Publicar un comentario