Lunany-kawaii: Tutorial:Poniendo Cajitas en los titulos del post ♥

Hola a todas

,hoy les traigo un tutorial muy pedido por la mayoria , como poner cajitas en los titulos del post

wii, bueno aqui les dejo 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

(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

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;

Aqui una imagen de como quedaria

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
Bueno si no tienen tiempito para hacer sus cajitas para los titulos de su post les traje algunas

Pones clic derecho en el modelo que mas te guste y pones copiar url de la imagen y remplazas este codigo Url de la cajita por la URL DE LA IMAGEN (clic derecho y pegar)

Clic aqui(Url)

Notita: los siguientes tres modelos,tienes que cambiar del codigo lo siguiente

5:Se ira mas al lado izquierdo si es left si aumentas mas el numero,Recomendacion poniendolo a 37 o 38
8:Si aumentas la letra se ira mas al lado derecho dejando un espacio,Recomendacion poniendolo a 15 o 16

Clic aqui(Url)

No olviden de dar creditos

Respuestas

♥Luna♥14 de octubre de 2013, 20:44

Lo quieres centrado el texto? esos modelos de cajitas son para que el texto de titulo que empiese desde el lado izquierdo o derecho ,pero si lo quieres centrado tienes que cambiar :
text-align:left;
a
text-align:center;

Eliminar

Responder

♥Luna♥30 de enero de 2014, 17:15

Si no encuentras ]]>< /b:skin > ,entonces vas a un gadget /JavacriptHTML / y colocas < style> Aqui el codigo que digo que pongas de antes de b:skin < /style> y le das guardar

en < style> y < /style> borra el espacio que hay despues de < , no me deja poner codigos en los comentarios :3

ღ •*´¨`*•.¸Alєรรคndrคღ •*´¨`*•.¸2 de febrero de 2014, 15:55

Muchas gracias!!!

♥Luna♥1 de marzo de 2014, 13:46

Si losiento,estoy actulizando las entradas :3 ahorita mismo edito esta n-n por que esta si es importante :3

♥Luna♥1 de marzo de 2014, 13:47

Te aviso cuando este >w<¡

Tutorial:Poniendo Cajitas en los titulos del post ♥

27 comentarios :