Como insertar cualquier menú en espacio de cabecera Blogger (truco)

Como insertar cualquier menú en espacio de cabecera Blogger (truco) menu

Es muy probable que desees insertar un menú que despliegue submenús en el entorno de la cabecera en Blogger, pero te das cuenta que no funciona correctamente.  Quizás no puedas verlo como esperas, ya sea por un estilo de color o porque no se despliegan los submenús. etc.

Lo que sucede es que las plantillas en blogger tienen estilos pre-definidos en ese entorno-espacio, impidiendo que se pueda agregar otro tipo de menú.

He aquí, un truco que te puede funcionar para que puedas inserta cualquier menú:

1. Abre la plantilla de tu tema en modo edición HTML

 

 

2. Al visualizar el código HTML, busca esta línea:

Menú CSS Horizontal (Botones redondeados y buscador integrado)

Menú CSS Horizontal (Botones redondeados y buscador integrado)

En esta ocasión el menú te presenta un formato con estilo de elementos redondeados, igualmente haciendo el despliegue de submenús relacionados con la botones de la barra  principal y al que además se ha adicionado la útil caja de búsqueda.

Esta entrada se parece a otras de Menú CSS Horizontal que publiqué anteriormente, pero contiene diferencias en cuanto a codificación y el menú presenta un formato tal como se muestra en la siguiente imagen:

Los botones del menú, son de tamaño variable de acuerdo al texto que contienen.

Menú CSS Horizontal (Formato plano y buscador integrado)

Menú CSS Horizontal (Formato plano y buscador integrado)

Esta entrada se parece a otras de Menú CSS Horizontal que publiqué anteriormente, pero contiene diferencias en cuanto a codificación. En esta ocasión el menú te presenta un formato de texto plano, igualmente haciendo el despliegue de submenús relacionados con la opción principal y al que además se ha adicionado la útil caja de búsqueda, con un formato tal como se muestra en la siguiente imagen:

Los opciones principales del menú, son de tamaño variable de acuerdo al texto que contienen.

Menú CSS Horizontal (Botones con sombra y buscador integrado)

Menú CSS Horizontal (Botones con sombra y buscador integrado)

Si deseas ofrecer a los visitantes de tu web, enlaces categorizando la opción a elegir, te puede servir mucho un menú que contenga submenús relacionados con la opción principal y al que además se ha adicionado una muy útil caja de búsqueda, con un formato tal como se muestra en la siguiente imagen:

Los botones del menú, son de tamaño variable de acuerdo al texto que contienen.

CSS pre-definidos para Menú CSS Horizontal (Formato plano)

CSS pre-definidos para Menú CSS Horizontal (Formato plano)

Esta entrada es complementaria de Menú CSS Horizontal (Formato plano).  En esta te presento  códigos CSS que puedes utilizar para reemplazar si deseas un estilo diferente en cuanto a tono.   No obstante, puedes editarlo realizando pequeñas modificaciones adaptándolo al estilo de tu sitio.

Las imágenes te muestran el tono pre-definido y a continuación el código CSS.

---

Estilo #1.
MENÚ CSS HORIZONTAL FORMATO PLANO (TONO CELESTE)

El código CSS es el siguiente:

CSS pre-definidos para Menú CSS Horizontal (Botones redondeados)

CSS pre-definidos para Menú CSS Horizontal (Botones redondeados)

Esta entrada es complementaria de Menú CSS Horizontal (Botones redondeados).  En esta te presento  códigos CSS que puedes utilizar para reemplazar si deseas un estilo diferente en cuanto a tono.   No obstante, puedes editarlo realizando pequeñas modificaciones adaptándolo al estilo de tu sitio.

Las imágenes te muestran el tono pre-definido y a continuación el código CSS.

---

Estilo #1.
MENÚ CSS HORIZONTAL BOTONES REDONDEADOS (TONO GRIS)

El código CSS es el siguiente:

CSS pre-definidos para Menú CSS Horizontal (Botones con sombra)

CSS pre-definidos para Menú CSS Horizontal (Botones con sombra) menu

Esta entrada es complementaria de Menú CSS Horizontal (Botones con sombra).  En esta te presento  códigos CSS que puedes utilizar para reemplazar si deseas un estilo diferente en cuanto a tono.   No obstante, puedes editarlo realizando pequeñas modificaciones adaptándolo al estilo de tu sitio.

Las imágenes te muestran el tono pre-definido y a continuación el código CSS.

---

Estilo #1.
MENÚ CSS HORIZONTAL BOTONES CON SOMBRA (TONO AZUL)

El código CSS es el siguiente:

Cómo hacer un Menú de pestañas.

Menú de pestañas

En ocasiones, deseas ofrecer a los visitantes de tu web, accesos a ciertas páginas o enlaces a otros sitios y para eso haces uso de vínculos que son solamente de texto.

En esta ocasión te traigo un menú algo sencillo pero que sale del rutinario vinculo textual, porque el menú de pestañas es otra forma de implementar la navegación en tu sitio web.

Un elemento del menú de pestañas tiene 3 estados:

• Visualización por defecto (Normal),
• Al pasar el mouse (Hover) y
• La pestaña que está activa (Activate)

Por defecto se ha definido el siguiente formato de menú, para que puedas visualizar las diferencias al editar el CSS definiéndolo a tu gusto: