jueves, 15 de septiembre de 2016

poner cajitas en los titulos del post

Resultado de imagen para chicas kawaii


hola chicas w.w como estan ? espero que bien ;) en este tuto les enseñare como poner cajita el los titulos del post .
asi es como queda

Para obtenerlo sige los siguientes pasitos :

Ir a Plantilla / Editar HTML / Presionar CTRL + F

h3.post-title {

y borran lo que les aparece abajo hasta }

Ejemplo:



borramos lo que seleccione con azuelito

remplazo por el siguiente codigo


margin-top: 20px;
background: url("
URL DE LA IMAGEN")  left no-repeat; /*Imagen de la cajita*/
height: 54px; /*Altura de la cajita*
padding-top: 13px;
font-family: Imprima; /*Font de la letra*/
font-size: 20px; /*Tamaño de la letra*/
text-align:
left;/*El texto en el lado left(Izquierdo),right(derecha),centrado,(center)*/
margin-top: -2px;
margin-
left: -5px;
padding
-left:8px;
font-weight: normal;
color: #
f5e9e7;/*Color de la letra*/
text-shadow: 1px 1px 0px #
f29f96;/*Color de la sombra del titulo*/
margin-bottom: -15px;


Notita: Si alguien no tiene este codigo h3.post-title { 
Buscas con Ctrl + F  y pones ]]></b:skin> 
Y copias todo este codigo lo colocas antes de ]]></b:skin>

h3.post-title {margin-top: 20px;
background: url("
URL DE LA IMAGEN")  left no-repeat; /*Imagen de la cajita*/
height: 54px; /*Altura de la cajita*
padding-top: 13px;
font-family: Imprima; /*Font de la letra*/
font-size: 20px; /*Tamaño de la letra*/
text-align:
left;/*El texto en el lado left(Izquierdo),right(derecha),centrado,(center)*/
margin-top: -2px;
margin-
left: -5px;/*Se ira mas al lado izquierdo*/
padding-
left:8px;/*,La letra se ira mas al lado derecho*/
font-weight: normal;
color: #
f5e9e7;/*Color de la letra*/
text-shadow: 1px 1px 0px
#f29f96;/*Color de la sombra del titulo*/
margin-bottom: -15px;}



Les deje al ladito que es cada cosita 
left:Si lo quieren la cajita al lado derecho ,el texto, y todo lo demas solo lo cambian por right .
5:Se ira mas al lado izquierdo si es left si aumentas mas el numero
8:Si aumentas la letra se ira mas al lado derecho dejando un espacio

aqui les dejo algunas cajitas

codigo Url de la cajita por la URL DE LA IMAGEN (clic derecho y pegar)


 
 
 
 
 



                                           
 

No hay comentarios:

Publicar un comentario