Drop Caps

C

omo en los cuentos e historias de antes... en los que la primera letra era más grande y de color diferente a las demás.

Eso es lo que hace Mandarin Design con el nombre de Drop Caps

Tan sencillo como ésto: insertar un código CSS en el skin de vuestra plantilla y un HTML en cada entrada en la que deseéis la inicial con Drop Caps.

Yo elegí éste CSS:

<style type="text/css">

.dropthecap

{float:left;

margin-top:0px;

color:black;

padding-top:.2em;

font-size:36pt;

height:1em;

font-weight:bold;

font-family:"times","Times New Roman";}

</style>


Y cambié el color "black" por el "darkblue".

Después de guardar la plantilla, añadid, a la hora de crear una entrada ésto:

<p>

<span class="dropthecap">T</span></p>

La "T" debéis reemplazarla por la primera letra de vuestra entrada. Esa será la que quede como de libro antigüo.

Por fín algo cálido y bonito en este mundo de hacks y hackers tan... tan... que cada día me va menos... :(

Vía: Beautiful Beta