Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger – Ayuda para Blogs! para recibir todos los días la últimas novedades – (¿Que es RSS?)
Letra Capital en nuestros post
Ayer publicamos como lograr el efecto de doble columna en nuestros post, un efecto interesante para quien tenga un sitio de noticias y quiera simular el efecto de los artículos de un diario.
Hoy mostramos este truco que lo encontramos habitualmente en los libros impresos, y es el de la letra capital. La letra capital es aquella que es muy grande e inicia el capítulo, para el caso del libro.
Su implementación también es muy sencilla, aunque consta de dos pasos a saber:
.dropcaps {
float:left;
color:#CC0000;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}
2º Inlcuir en nuestros post (al inicio y en la pestaña de HTML) el código:
<span class=”dropcaps”> D </span>
De esta forma obtendremos el resultado esperado, o sea una D más grande que el resto de las letras. Claro que nosotros debemos cambiar la D por la letra con que iniciemos nuestro artículo. El color por defecto de la muestra es rojo, pero si queremos cambiarlo a tono con nuestro blog, debemos modificar donde dice color en el código css inicial.
Como vemos este truco es muy sencillo y no requiere de grandes esfuerzos, así que a probarlo!
Previous post: La seguridad de la red y nuestro uso
Next post: ¿Qué es Paypal? ¿Cómo lo utilizo?
