Mi ventana

Drop Caps

Utilidades Blogs por Jenny el 16 de abril del 2007

C
omo podeis ver la primera letra del párrafo aparece más grande que las demás.
Lo intenté al verlo en varios blogs, pero no me salía.
No se si era porque no tenía definido el color mi plantilla.
En este blog: Ayuda para el blog, lo explica Andrés muy bien, y me ha salido.
A mí, personalmente me gusta mucho el estilo “Drop Caps”.
Es muy fácil y aquí os explico como lo he hecho:
Ir a plantilla–>edición html–>justo antes de: ]]></b:skin>. (poner este código):

.dropcaps {

float:left;

color:#1B703A;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px;

}
En color le poneis el código del color que querais y si quereis otro tamaño lo cambiais en font-size,
eso ya a vuestro gusto.
No te olvides de guardar los cambios en la plantilla.

A continuación vamos a opciones–>formato–>plantilla de entrada.
Ahí copiamos el siguiente código:
<span class=”dropcaps”>D</span>
Cuando crees una entrada nueva,saldrá este código,pues la primera letra del párrafo la sustituimos por la “D”,
y el resto lo escribimos después de:

Si te gusta este estilo ponte manos a la obra que es fácil, si te ocurre como a mí y no te sale a la primera, ya verás como te acaba saliendo.

Vía:Ayuda para el Blog

ARTÍCULOS RELACIONADOS

Personalizar la fecha del blog

Bookmark-Marcadores sociales

Menú horizontal