28/7/14

[Tutorial]Etiquetas & Autor Pin Hover!


Holaaque tal??? espero que muy bien,bueno en esta entrada tengo que decir varias cosas 1ºMe gustaría que me dejarais en los comentarios que recursos tutoriales o graphic style queréis que haga para las próximas entradas porque tengo muchas cosas pero no se que hacer ni por donde empezar así que decirme vosotros.
2ºTengo que anunciar una cosa es un favor que le hago a una amiga que esta perdiendo seguidores & eso la pone muy tristese trata de KUMA tuvo un problema con el código del blog & no puede abrirlo hasta que lo rehagaasí que no penséis que lo ha cerrado solo esta de Reformas Y POR FAVOR NO DEJÉIS DE SEGUIRLAimage
Ahora comencemos con el tuto


  1. Plantilla
  2. Editar HTLM
  3. Ctrl+F & Buscas  <span class='post-labels'>



  • Plantilla
  • Editar HTLM
  • Ctrl+F & Busca > ]]></b:skin>
Antes de ]]></b:skin> pega lo siguiente


.post-labels {
padding:7px;
width:500px;
font-size:13px; /* Tamaño de la fuente */
}
.post-labels a:link {
color:#fff;
background:#b8ebea;  /* Color de fondo de Etiquetas */
box-shadow: inset 0 0 30px #86e0de, 0 0 2px #86e0de;  /* Color de resplandor interior de Etiquetas */
padding:5px;
border-radius:4px;
margin-right:3px;
}
.post-labels a:visited {
color:#fff;
}
.post-labels a:hover {
color:#fff;
background:#f5eb8c; /* Color de fondo de Etiquetas Hover */
box-shadow: inset 0 0 30px #ffe700, 0 0 2px #ffe700;  /* Color de resplandor interior de Etiquetas Hover */
}
.fn {
padding:7px;
width:500px;
font-size:13px;  /* Tamaño de la fuente */
}
.fn a:link {
color:#fff;
background:#b8ebea;  /* Color de fondo de Autor */
box-shadow: inset 0 0 30px #86e0de, 0 0 2px #86e0de;  /* Color de resplandor interior de Autor */
padding:5px;
border-radius:4px;
margin-right:3px;
}
.fn a:visited {
color:#fff;
}
.fn a:hover {
color:#fff;
background:#f5eb8c;  /* Color de fondo de Autor Hover */
box-shadow: inset 0 0 30px #ffe700, 0 0 2px #ffe700;  /* Color de resplandor interior de Autor Hover */
}
Para conseguir el codigo de los colores entrar en esta pagina
Espero que os haya gustado esta entrada recordar contestarme a lo que os he dicho antes para saber que os gustaría que publique un beso enorme & que paséis un happy lunes XD byeee

5 comentarios:

  1. Buen tuto ^^
    gracias
    saludos kumy-chan n.n

    ResponderEliminar
  2. Que pena lo de kuma,yo nunca la dejari de seguir ella es muy genial~!!! Y ademas gracias por esta tutorial,esta super genial^^
    saludos~

    ResponderEliminar
  3. genial tuto! *0* lo usaré en mi próxima edición del blog ^u^
    saluditos! ^^

    ResponderEliminar
  4. Muchas gracias por el tutorial n.n bueno, para la próxima entrada, a mi me gustaría un tutorial sobre como editar una plantilla ya hecha, porque quiero cambiar la cabecera de la mía, pero no sé como hacerlo porque es una plantilla que me gané en un sorteo y me da miedo estropearla.
    ¡Besos!

    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