29/8/14

[Tutorial]Pestaña Oculta con Texto Efecto Deslizante

Holaaquerididisimas blogger & queridisimos blogger que me visitáisya estoy de vuelta como ya me veis & con mucha energíaimage& muchas sorpresas,bueno en realidad solo es una sorpresaimage& es que el 13 de septiempre es el cumple del bog!& para cuando llegue ese día tengo una idea para un concurso genialpero tendréis que esperar así que ahora adelante con el tuto
Antes de comenzar con el tutorial tenéis que tener el estilo del texto de los gadget como lo tengo yo, utilizando este tutorial
  • Plantilla
  • Edicion HTLM
  • Ctrl+F & buscas ]]></b:skin> 
Pegas antes de ]]></b:skin> este code
#HTML15 h2 {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
padding: 5px;
width: 150px;
border-radius: 0 0 10px 10px;
left: -100px; top:100px;
position:absolute;
}
#HTML15 {
position: fixed;
top: 70px;
right: -220px;
width: 200px;
background: #fff; /* FONDO */
padding: 7px;
border-radius: 10px; /* BORDES REDONDEADOS */
opacity: 0.80;
border-left: 10px solid #b8ebea; /* BORDE DE LA CAJA*/
-webkit-transition: all .5s
}
#HTML15:hover {
right: 0px;
opacity: 1;
-webkit-transition: all .5s;
}
Esto es el codigo del gadget teneis que borrar lo que esta en violeta & cambiarlo por el codigo de tu gadget para buscarlo {pulsa ctrl+f y busca el nombre del gadget que quieras poner y al lado te saldrá su code}
Espero que os guste mucho este tutorial hoy voy a enviar la siguiente entrevista al afortunado o afortunada así que atentos a los mails :D un beso muy grande & hasta la próxima entrada byeeee <3

10 comentarios:

  1. Me encanto el gadget! Quizás lo ponga en mi próxima plantilla :D
    Gracias por el tutoo♥

    ResponderEliminar
  2. ¡Gracias por el Tutorial!, esta genial.
    Un saludo :)

    ResponderEliminar
  3. ¡Hola!♥ Me hice un blog hace poco donde escribo textos y frases mias, espero que te pases, ya te sigo ^^ http://xoxobow.blogspot.com/

    ResponderEliminar
  4. Muy bonito el efecto..gracias por compartirlo :D

    ResponderEliminar
  5. Graciias!!, muy util y hermoso el efecto!! :3 siempre quise saber como hacerlo :3 Saludoos!!

    ResponderEliminar
  6. OHAYO!! :P

    que bonito te queda todo!! *3*

    ResponderEliminar
  7. Que hermoso que está tu blog, hace bastante que no pasaba por aquí! Gracias por el tutorial, y saludos!!
    Amary

    ResponderEliminar
  8. waaa yo estaba buscando este efecto para ponerlo, ahora puedo ponerlo en mi blog :D
    saluditos! ^^

    ResponderEliminar
  9. ¡Ya quiero que me entrevistes D:! bueno, gracias por el tutorial, esperaré con ansias el cumple del blog :)
    Saludos.

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com