martes, 25 de octubre de 2011

Header que desaparece y Header rotate hover [2 en 1 ]

okii chicas como estan?? espero que super bien, yo estoy mas o menos saliendo de una gripe horrible T.T, no he entrado tanto al face ni al msn aww las extranio chicas T.T spero no se olvide de mi ehhh :( wenuu ya pasando a otra cosas hace mucho que no hago un tuto xD.. espero les agrade ^^!!

empezemos :

header rotate hover

ve a :

diseno -> Elementos de Pagina -> Edicion HTLM -> Editar Plantilla

y busca este codigo:

#header h1 {

o

h1.title {





Borralo y pega el siguiente codigo:

#header:hover{
-webkit-transition-duration: 2s;
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
}


Da vista previa o guarda y pasa tu cursor por tu cabecera (header) y veras que se mueve igual que el mio xD!!!


header o cabecera que desaparece

Igual que el anterior busca el codigo:

#header h1 {

o

h1.title {

Borra y pega el siguiente codigo:

.header:hover {
padding-left:160px;
-webkit-transition: .4s;
-webkit-transform: rotate(6deg);
opacity:.01;



Da vista previo o guarda..!! veras tu header desaparecer y aparecer ^^


Besos a todas y que tenga un buen dia =)!


19 comentarios:

  1. hola, amo tu blog, y es genial que te hayas curado, debe haber sido horrible! por lo menos vas a poder pasar navidad sin muletas, eso es muy bueno!!! <3 bueno, te queria decir que yo no tengo ni este codigo: #header h1 { , ni este: h1.title {, y no se como hacerlo, me ayudas???

    ResponderEliminar
  2. ALessia:

    cual plantilla usas? asi te podria ayudar mejor ^^

    ResponderEliminar
    Respuestas
    1. hola, soy alessia pero desde mi otra cuenta, recien entro y no vi lo q me escribiste, ni idea como averiguar que plantilla uso! jajajaja, me podes decir como lo averiguo???? el blog que tengo ahora es este: http://todoxrachicas.blogspot.com.ar/ y el anterior era este: http://www.agendadecosas.blogspot.com.ar/, pero a ese ya no lo uso mas, decime como averiguar que plantilla uso porfa! jajajaja XD

      Eliminar
    2. tienes la picture windows

      solo busa este codigo .header{

      y pega este codigo bajo el

      #header:hover{
      -webkit-transition-duration: 2s;
      -moz-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
      }

      Eliminar
    3. Muchas gracias! yo al principio habia puesto esa pero despues no me acorde mas cual era! jajaja muchisimas gracias!!!

      Eliminar
    4. pero! trate de hacerlo con ese codigo y tampoco lo tengo! :_( me ayudas???

      Eliminar
    5. mm busca este codigo .header{ si lo tienes pq tienes la plantilla picture como la mia yo lo busque y si lo encontre.

      mira el codigo es asi:

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

      justo abajo del codigo pegas este:

      #header:hover{
      -webkit-transition-duration: 2s;
      -moz-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
      }

      osea que te quedaria asi:


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

      #header:hover{
      -webkit-transition-duration: 2s;
      -moz-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
      }

      espero que ahora si te salga el efecto =D saluldos

      Eliminar
  3. hola annyz no encuentro ninguno de los dos codigos, ¿que puedo hacer?

    ResponderEliminar
    Respuestas
    1. y te sale este codigo???

      /* Header
      ----------------------------------------------- */
      .header{

      Eliminar
  4. ami me pasa igual puse los dos y no me salen .s

    ResponderEliminar
    Respuestas
    1. si encontraste cualquiera de los codigos nena? y aun asi no te salio el truco?

      Eliminar
  5. No me sale ninguno de los códigos, no sé lo que pasa. T.T

    ResponderEliminar
    Respuestas
    1. hola nena fui a tu blog a ver la plantilla que usas pero no supe.. cual plantilla usas?

      Eliminar
  6. Hola Annyz(:
    A mí me pasa lo mismo, no me salen:$

    Pero te voy a detallar un poco más; uso la plantilla simple, esa que sale todo en azul y luego lo modificas.
    Es que ya sabes, hay varias...

    Bueno espero que me ayudes nena:(

    Besitoooos!!

    ResponderEliminar
    Respuestas
    1. hola nena mira tu debes buscar este codigo

      .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
      }

      lo borras y pones el codigo que digo osea este

      #header:hover{
      -webkit-transition-duration: 2s;
      -moz-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
      }

      vista previa y guardar ^^
      besos

      Eliminar
  7. Respuestas
    1. mira el codigo es asi:

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

      justo abajo del codigo pegas este:

      #header:hover{
      -webkit-transition-duration: 2s;
      -moz-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
      }

      osea que te quedaria asi:


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

      #header:hover{
      -webkit-transition-duration: 2s;
      -moz-transform: rotate(6deg);
      -webkit-transform: rotate(6deg);
      }

      Eliminar

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