Primera letra de un post al estilo Magazine

comentar




E
sto es otro ejemplo de lo que podemos hacer aplicando los estilos CSS en el texto. El resultado es, como veis, que la primera letra del articulo se ve mas grande y destacada, como si fuera la publicacion de una revista. Para añadir esto en las entradas de nuestro blog, primero tendremos que poner el siguiente codigo en la plantilla de nuestro blog, justo antes de la etiqueta </body>.


<style>
.primeraletra {     display:block;     float:left;     margin: -0.60em 1.0em 0 -0.56em;     height : 4.5em;     color:#aaa;text-shadow:3px 3px 3px #000000;   }
.primeraletra span {     font-size:400%;     line-height:0.5em; font-family:Times;  }.primeraletra + span{     margin-left  : -0.5em;   }
</style>





A
hora, cada vez que queramos escribir una entrada con la primera letra grande, añadimos este codigo escribiendo donde esta indicado en rojo:


<span class="primeraletra"><span>AQUI LA PRIMERA LETRA</span></span>AQUI EL RESTO DEL TEXTO