Holiiis n-n respecto a la entrada anterior me fué casi toda esa tarde era más explicativa pero no pude tenia ya el orificio dormido de tanto estar sentada bueno éste post se tratará de algunos detalles para un blog kawaii n-n bueno : contemos:
Recuerda: son sólo algunas de las maneras en las que puedes cambiar el aspecto de los enlaces cuando pasas el puntero por encima de ellos. Es lo que se conoce como hover.
ONE- Pasen el cursor por el titulo del post ...
TWO- Ve a :
Plantilla
Edital HTML
<b:skin>...</b:skin>
THREE-Luego busca:
/* PostsTe diriges a
----------------------------------------------- */
h3.post-title {
FOUR- copia el titulo de la sección y pegalo debajo al cierre ( } ) de dicha sección :
h3.post-title { y añade hover:
De esta manera:
h3.post-title: hover{
FIVE- Hagamos un Ejemplo:
Supongamos que en tu plantilla se encuentra de la siguiente forma:
h3.post-title {
margin: 0;
font: $(post.title.font);
background:#ddd;
text-align:center;
border-left:10px solid #000;
}
A continuación, le agregaras el cuarto paso, con las caracteristicas que quieras cambiar, en este ejemplo el efecto hover solo se aplicará en el color del borde del post :
h3.post-title: hover{
border-left:10px solid #eee;
}
Y listo , en vista previa no se aprecia, en tal caso que no se cumpla al momento guardar no te preocupes no alterará nada.
Tutorial 100% KEI
2 comentarios:
Nos seguimos~
Y no se puede comentar en la entrada ya que en los cambios de la plantilla los bloquee ^^'
waa kei!!hermaita..gracias
por la tuto!!
saludos
Publicar un comentario