14/6/14

[Tutorial]Fecha New Trans!


Holaaafuf acabo de venir de la piscina y estoy muy pero que muy cansadano iba a publicar nada pero como os prometí que este sábado iba a publicar el tutorial de como poner mi fechapues a mi me gusta cumplir mis promesas
Tiene como un efecto de transición de colores <3

  • Plantilla
  • Edicion HTLM
  • Ctrl+F buscas ]]></b:skin>
Antes de ese code pegas este
.main-inner h2.date-header {
margin-right: -75px;
float: right;
font: Tahoma;
color: #fff;
text-shadow: 1px 1px 0px #77dad7; /*Sombra de la letra, y los numeros son el grosor de la sombra*/
background: #61efe9;
font-size: 12px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
border: 2px #fff solid;
-webkit-border-radius: 6px;
-webkit-border-bottom-right-radius: 6;
-moz-border-radius: 6px;
-moz-border-radius-bottomright: 6;
border-radius: 6px;
border-bottom-right-radius: 6;
-webkit-animation: background 10s infinite;
}
@-webkit-keyframes background{
0%   {background:#fff;} /* COLORES DEL FONDO */
25% {background:#89ebe8;}
50% {background:#fff;}
75% {background:#77dad7;}
100% {background:#e9e9e9;}
}
Este es el primer color que compone la transición en mi caso es blanco
Este es el segundo color que compone la transición en mi caso es azul claro
Este es el tercero que en mi caso es blanco
Este es el cuarto color que en mi caso es un turquesa fuerte
Este es el ultimo color que en mi caso es un turquesa vivo 
Podéis cambiar los colores señalados al gusto pero intentar que combinen por que si no sera un desastre poner colores de la misma gama & os saldrá un efecto muy bonito
Esto es todo espero que os haya gustado mañana subiré el blog's family y enviare una nueva entrevista a quien le toque por sorteo :D si tenéis alguna duda no dudéis en decírmelo, un beso & que paséis un buen fin de semana

13 comentarios:

  1. que lindoo XD lo ocupare en mi nuevo diseño PD: me da flojeraaa PERO LO ARE Xd Besitos

    Chinnix~

    ResponderEliminar
  2. Muy cute y útil :D
    Gracias por el tuto ~ :3

    ResponderEliminar
  3. Me encanta el efecto, se ve genial.
    Gracias por compartir el tutorial ♥
    Saludos~

    ResponderEliminar
  4. esta hermoso gracias por el tuto saludos y sigue así

    ResponderEliminar
  5. Me gusto mucho el tuto*^* por cierto, tengo una pregunta ><!! Podrias decir cual es la fuente chiquitita que siempre usas? Como la que pone debajo de RULES 'thanks por leerlas' la verdad es que siempre me ha gustado mucho pero no tengo ni idea de cual es D': onegai respondeme!
    Besos!
    P.D.: tu blog es tn lindo como siempre))

    ResponderEliminar
  6. Me encantó! Ya lo usaré...!!!
    Muchas gracias por el tuto!
    Saludos~

    ResponderEliminar
  7. Que tutorial más útil, algún día lo usaré
    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