lunes, 14 de mayo de 2012

Header Que Se Mueve 360 [Grados]

Oka bueno chicas seguro ya han notado desde hace un buen tiempo que mi header hace un movimiento de 180 grados okiis ahora qui el tuto ^^



muy sencillito como todos los tutos que aqui pongo xD
empezemos:

nos vamos a Diseno https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo7RrMXo4mbeZnX8aMwD37s3Cij6We8aShp6uSRjXnuZu_-z1udC7zEodGG3sna_r-gpwLo6fm3K87ZelvFJU5WRSDTscVW1A7XPZr7nEhcu5Bxb07uEmvu1DjWhXQAByGEhWlktr-H7i_/s1600/mg154.gif Edicion de HTML https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo7RrMXo4mbeZnX8aMwD37s3Cij6We8aShp6uSRjXnuZu_-z1udC7zEodGG3sna_r-gpwLo6fm3K87ZelvFJU5WRSDTscVW1A7XPZr7nEhcu5Bxb07uEmvu1DjWhXQAByGEhWlktr-H7i_/s1600/mg154.gif Editar Plantilla

Pulsamos CTRL + la tecla F y buscamos este codigo

/* Header
----------------------------------------------- */


y justo abajo pegamos el siguiente codigo:

.header{
margin-top:30px;
margin-left:0px;
-webkit-transition:2s;
}

.header:hover {
-webkit-transform: rotatey(360deg);
-webkit-transition-duration: 2s;
}

da vista previa y guardar

asi quedaria:



notita: el efecto se mira mejOr en google chrome y el mozilla version actualizada okis ^^

16 comentarios:

  1. bonita entrada queda muy bonito al pasarle el cursor al titulo, es interesante algun dia de estos lo probare en mi blog.Oye Annyz has echo alguna vez entradas, sobre como personalizar los separadores ?? es que los vi en varios blogs y en algunos el separador va en la fecha y la fecha dentro de el, y en otros va por dentro del titulo de la entrada, son separadores con bordes y con el link de una imagen, que elige la persona para que pegue con el diseño de su blog, sabes donde podria informarme o si puedes hacer una entrada, te lo agradecería mucho,
    besos y sigue asi, cada vez somos mas tus seguidores :)

    ResponderEliminar
    Respuestas
    1. no nena la verdad no me doy una idea de esos separadores quiza puedas darme la pagina para verlos y ya con gusto te digo si se puede hacer un tuto o si conosco a alguien con esa informacion.. saludos nena y grax por visitarme :P y si sabes estoe muy contenta al ver a tantas personas siguiendome que estan atentos a las cositas que aqui les pongo..tu eres una de ellas ♥ muchisimas gracias .

      Eliminar
  2. Hola Annyz! Me encanta tu blog corazon!
    Estoy creando un blog y quiero utilizar tu plantilla, ya la vi en tu tutorial,

    pero como puedo ponerle un cabezal a esa plantilla?

    Gracias
    y muy bueno este tuto! Besitos!

    ResponderEliminar
  3. Hola annyz, yo no tengo se codigo, que hago???

    ResponderEliminar
    Respuestas
    1. usas la plantilla picture windows verdad nena? si es asi tenemos la misma plantilla asi que si debes tener ese codigo.. para que sea mas facil pulsa el ctrl mas la tecla F y pon el codigo a buscar y lo encuentras rapidito :P

      Eliminar
  4. ¡Mil gracias! Era justo lo que estaba esperando que publicaras ^_^ Gracias a vos y a Ciudad Blogger, mi blog está cada vez más lindo ^^

    ResponderEliminar
  5. Gracias :D me encanto tu tutorial ^^ me encanta el blog ya se lo he recomendado a todas mis amigas :)

    ResponderEliminar
  6. Respuestas
    1. hola albina si no encuentras ese codigo solo busca el codigo header en tu blog.. todos las plantillas tienen header solo pegalo abajo.. cual plantilla usas??? asi me seria mas facil ayudarte.

      Eliminar
  7. amé como queda :D ya lo tengo en mi blog! Gracias por tu tutorial siempre tan kawaii *-* ♥

    ResponderEliminar
  8. hola marg quieres que tu cabecera tenga fondo?

    ResponderEliminar
  9. Annyzz!! que otro efecto se le puede poner en vez de que gire? me gustaria que la cabecera se expanda un poco, o se haga un poco mas grande, pero solo la cabecera, como hago?

    ResponderEliminar
  10. ammm no tengo un tuto sobre eso.. y tampoco lo habia pensado ya vere si se puede hacer okis y lo pongo.. saludos

    ResponderEliminar
  11. Plz necesito cambiar la cabecera de mi blog
    es para el cole
    y asi normal queda muy triste ps ve :

    itsmagicsextosh3.blogspot.com

    como hago? AYUDAAA!

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.