He recibido varias peticiones sobre menús horizontales, ya hablamos sobre el clásico menú horizontal y sobre el menú despegable
Esta vez es algo diferente, un generador de menús, la forma de crearlo es muy sencilla para ello accederemos a CSS MENU MAKER encontraremos a la izquierda menús horizontales y a la derecha verticales.
Escogemos el que mejor se adapte nuestro blog.
Clicamos en Customize
Agregamos el número de temas que harán de enlace para en el menú y clicamos en Submit
Llenamos los campos requeridos para el título y agregamos a la derecha la url del lugar que vamos a enlazar. Clicamos de nuevo en SubmitA continuación nos proporciona dos códigos copiaremos el segundo que dice:
CSS Code y nos situaremos en plantilla Edición html
Justo antes de ]]></b:skin> lo pegaremos.
Luego copiaremos donde dice HTML Code nos situaremos en Plantilla/Añadir un elemento de página/HTML/Javascript para añadir lo siguiente:
CSS Code y nos situaremos en plantilla Edición html
Justo antes de ]]></b:skin> lo pegaremos.
Luego copiaremos donde dice HTML Code nos situaremos en Plantilla/Añadir un elemento de página/HTML/Javascript para añadir lo siguiente:
<ul id='menu'>
<li ><a href='url del enlace'>Título del enlace </a></li>
<li ><a href='url del enlace'>Título del enlace </a></li>
<li ><a href='url del enlace'>Título del enlace </a></li>
<li ><a href='url del enlace'>Título del enlace </a></li>
</ul>
<li ><a href='url del enlace'>Título del enlace </a></li>
<li ><a href='url del enlace'>Título del enlace </a></li>
<li ><a href='url del enlace'>Título del enlace </a></li>
<li ><a href='url del enlace'>Título del enlace </a></li>
</ul>
Guardamos los cambios y arrastramos esa etiqueta hasta el lugar deseado. Volveremos de nuevo al lugar donde copiamos los códigos para la plantilla y el elemento de página y descargaremos donde dice "Click here to download Image files" se trata de un archivo zip con las imágenes del menú.
Abriremos la carpeta "images" y extraeremos las imágenes en formato gif. que más tarde alojaremos en un servidor para conseguir la url de las imágenes.
Esa url la debemos pegar en el código que agregamos a la CSS de nuestra plantilla.
Viene detallado donde agregarla, deberéis buscar donde dice algo así como: background:transparent url("images/nombre-de-la-imagen.gif") .......
Abriremos la carpeta "images" y extraeremos las imágenes en formato gif. que más tarde alojaremos en un servidor para conseguir la url de las imágenes.
Esa url la debemos pegar en el código que agregamos a la CSS de nuestra plantilla.
Viene detallado donde agregarla, deberéis buscar donde dice algo así como: background:transparent url("images/nombre-de-la-imagen.gif") .......
Gracias JmpaSrgc por el detalle, hacía tiempo que un generador no me hacia tanta ilusión.
Sacado de Gema Blogs
3 comentarios:
Yo hice todo, tengo creado los subdominios, pero, no se, como meterle contenido a esos subdominos, www.santiagosarmiento.net es donde estoy trabajando, el link al blog http://ssarmiento1974.blogspot.com funciona perfecto, pero lo otro no. Lo estoy haciendo con Blogger, lo único que hice fue comprar un dominio perzonalizado. Gracias por su ayuda.
hice todo lo que dijistes pero quede parado hasta el momento de poner las imagenes eso me dejo pillo me podrias ayudar mi blog es www.adoptameya.tk gracias...
esto si que funciona gracias por compartirlo por fin tengo mi menu
Publicar un comentario