14 may. 2014

Tutorial poner menú debajo de cabecera cute + 155 seguidores♥


BUEEEEEEENAS ¿Cómo están?
Primero que nada darles las gracias por seguir mi blog, ya somos 155, wow, se los agradezco

He creado una página en Facebook del blog, y he puesto una pestañita para que le deis me gusta a la página y me sigáis diariamente (a la derecha del blog al ladito de las personas online, pongan su cursor arriba de la F de Facebook ^^) Muchas gracias >3<

Y bueno pues en esta entrada les explicaré cómo poner un menú como el que yo tengo puesto debajo de sus cabeceras~ El menú lo he sacado de un código de menú, pero era muy sencillo y..feito xD por lo que yo he hecho el diseño y lo he arreglado para que quede cute, así que si me coges el tuto dame créditos, ¿okay?

Bueno, es un código de gadget HTML y es bastante sencillo de colocar, empezemos:

Vamos a diseño >> Añadir gadget >> HTML

Y copiamos este código:



[Con esta plantilla nueva no me deja poner un blockquote llamativo y cute, por lo que he puesto el código en un textarea u.u]

Donde hay tres lineas asi:

<li> <a href="link de la entrada"> Nombre </a></li>

Lo que está en rosa, pones el url de tu entrada o página.
Lo que está en rojo, el nombre que quieres que aparezca en la pestaña.

Si quieres añadir otra pestaña sólo tienes que copiar y pegar esa misma linea.

Para cambiar los colores, os recomiendo que abráis el bloc de notas y peguéis el código y lo modifiquéis ahí antes de añadirlo directamente~
Les dejo la página de códigos de colores HTML: 
Primera cosa:
Donde pone todo el rato transparent pones el color que quieres que tenga el fondo, no el fondo de cada pestaña, sino el fondo de todas las pestañas. Recuerda poner siempre el color en inglés~
Segunda cosa:
Por el final del código pone {background: #D7FFE9; } pones el código del color que quieras que tenga el fondo de cada pestaña cuando pones el mouse por encima.
Tercera cosa:
Por todo el código se ve que dice ''pink'' y ''white'' donde pone pink es el color del borde y la letrita, y donde pone white es el color del fondo de cada pestaña sin hacer click.

Y eso es todo, si quieres seguir modificando el diseño mira cosita a cosita el código~
Si tienes dudas comentame, y si te sirvió también ^^
Espero tu saludito

1 comentario:

  1. muchas gracias por la tutorial,y felicidades por tus seguidores~
    saludos

    ResponderEliminar

Gracias por dejar tu saludito ·ω· Si tienes algún error o necesitas ayuda con un tutorial, dale a ''haz click aquí'' en la cabecera y mándame un e-mail diciéndome lo que necesitas y si sólo tienes dudas de algo te contestaré en tu blog para que puedas verlo♥♥
––––•(-•RECUERDA: Si quieres afiliar y/o que visite tu blog, pídemelo en ''Afiliados'' en el menú de la cabecera, o en la C-Box (sólo en esos dos sitios, o sino no aceptaré)`•.¸¸.•´´¯`••._.•