Edita el "Post-title" {Titulo del post}


Edita el "Post-title" {Titulo del post}

Hola chicas hoy volví con un ¡Nuevo Tutorial!Que hace poco lo aprendí yo también :) y espero que les sirva a ustedes igual...
Para editar el titulo del post ve a Plantilla Edición HTML & buscamos [Ctrl + F]:
]]></b:skin>
ARRIBA Pegamos:
h3.post-title {
color: #000; /* COLOR DEL TITULO */
background: #fff url(URL DE TU FONDO); /* FONDO COLOR E IMG */
text-shadow: 2px 2px 0px #000; /* SOMBRA DEL TEXTO */
border: 7px solid #000; /* BORDE */
text-align: center; /* POSICIÓN DEL TEXTO */
border-radius: 10px 0px 10px 0px; /* BORDES REDONDEADOS */
box-shadow: 2px 2px 10px #000; /* SOMBRA DE LA CAJA */
margin-bottom:10px;
padding: 10px;
}
/* EDITA AL PASAR EL CURSOR */
h3.post-title:hover {
color: #000;
background: #fff url(URL DE TU FONDO);
border: 7px solid #000;
text-align: center;
border-radius: 0px 10px 0px 10px;
box-shadow: 2px 2px 0px #000;
}
 Como logro el borde doble ¿?
Bien, para lograr el borde doble & elegir ambos colores diferentes {es decir, el que quieras}, hay un borde que se divide pero no es muy "estético", editaremos la parte de:
box-shadow: 2px 2px 10px #000;
Reemplazándola por:
box-shadow: inset 9px 0 0px 0 #000;
Donde dice "#000" es el color de uno de los bordes.
Negativas: no podrás tener la sombra que muestra la imagen.

0 comentarios:

Publicar un comentario