MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Cómo hacer que la primera letra de un post sea diferente

CÓMO HACER QUE LA PRIMERA LETRA DE UN POST SEA DIFERENTE:

Ver muestra AQUI

1) Vamos a Añadir CSS

2) Pegamos el código:

.post-body:first-letter {
/*first-letter post pdb*/
font-family: Rouge Script;
}
3) Cambiamos lo que necesitemos
Me explico:

• Tras los dos puntos detrás de font-family escribiremos la fuente que queramos usar. Deberá ser una de Blogger o una de Google fonts

• Tras esa línea de código y antes del { que está solo, podemos añadir más líneas con cambios si lo queremos:

font-size: 50px;

lo pondríamos si quisiéramos que esa primera letra fuera más grande. Escribiremos un número más grande o más pequeño que 50 dependiendo cómo de grande queramos que sea la letra

font-weight: bold;

lo pondríamos si quisiéramos que la letra se viera en negrita

font-style: italic;

lo pondríamos si quisiéramos que la letra se viera en cursiva

color: #f9b4b4;

lo pondríamos si quisiéramos que la letra se viera de otro color. Sustituyendo ese código hexadecimal, que es el rosa que suelo usar yo en mi blog, por el color que vosotras queráis.

4. Si hemos cambiado el tamaño de la fuente, ponemos tras el código anterior esto otro:

.post-body:first-line { 
line-height: 2em; 
}

De este modo arreglaremos el espacio entre las líneas, pues al poner la fuente más grande se os separará del título del post. Si ponéis este otro código debajo os quedará bien.

Si lo necesitáis ajustar, podéis cambiar el 2 por un número menor o mayor (acepta y medios: 0.5, 1.5, 2.5, etc.)

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者