24 nov. 2012

Tutorial: como poner menú deslizante debajo de la cabezera con gifs

Holaa majoshas~ hace ya días que no publicaba, no he podido :C
Bueno hoy me puse a hacer unos ligeros cambios en el blogui como ven, no son muchos, todavía me queda alguna cosa que hacer, pero primero les dejo este post con un tuto nwn

Pues les voy a explicar como hacer un menú como he puesto yo nuevo, con emoticones y movimiento hacia la izquierda con pausa n_n

Si lo vais a utilizar como yo, van a diseño y le dais al añadir gadget de debajo de la cabecera.
Bien, pues dais HTML/Javascript y copiais el siguiente código:

<br /><marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="10" direction="left"><br /><br />    <li><a href="URL DE TU POST"><img src="MINI GIF" />#<img src="MINI GIF"/></a></li>
    <li><a href="URL DE TU POST"><img src="MINI GIF" />#<img src="MINI GIF" /></a></li>
    <li><a href="URL DE TU POST"><img src="MINI GIF" />#<img src="MINI GIF" /></a></li>
    <li><a href="URL DE TU POST"><img src="MINI GIF" />#<img src="MINI GIF" /></a></li>
<li><a href="URL DE TU POST"><img src="MINI GIF" />#<img src="MINI GIF" /></a></li>
<li><a href="URL DE TU POST"><img src="MINI GIF" />#<img src="MINI GIF" /></a></li>
<li><a href="URL DE TU POST"><img src="MINI GIF" />#<img src="MINI GIF" /></a></li>
<br /><br /></marquee><br />
Lo pegas y sigues estas instrucciones:

Lo que está en rojo, ahi pones el url de la entrada de tu blog que quieras poner o de la página que
quieras poner.
Lo que está en azul, ahi pones el url del gif que quieras poner.*Notita: si quieres solo poner un gif a
un lado, simplemente quita un ''<img src="MINI GIF" />'' del lado que quieras*.
Lo que está en verde, ahi pones el nombre que quieres que se vea para hacer click(Home, tutoriales,
afiliados, etc).

Si veis yo tengo 7 secciones, si pones más, te saldrá justo debajo de la fila creando otra.

Y ya está, yo lo tengo para que se mueva y cuando pasen el mouse/ratón, se pare y puedan pinchar, pero
si no queréis que se mueva y quede quieto, al principio quitáis: <br /><marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="10" direction="left"><br /><br />  y al final quitáis:
<br /><br /></marquee><br /> ^^

O también, si queréis que se mueva pero que no tenga pausa, al principio quita lo que nombre antes en rosita, y pon: <br /><marquee> y al final también quitas lo que nombré antes en rosita y pones: </marquee><br />

Ahora ya tenéis un sencillo y lindo menú pequeño deslizante debajo de la cabezera nwn
Espero que les haya gustado el post y el nuevo look del blog, aunque tengo que seguir arreglando cosillas~

                                                             ~Deja tu dulce saludito~

1 comentario:

  1. Hola me preguntaba si podias poner ese gadget para buscar, porque estoy buscando una entrada que no la encuentro, para facilitar las cosas, Gracias !! Amo tu blog ;)

    Kisses.

    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é)`•.¸¸.•´´¯`••._.•