Efeito Drop Caps

O efeito "Drop Caps"  é muito utilizado em jornais e em certas revistas, e está sendo usado aqui no blogando bem, pois dá um efeito interessante no primeiro parágrafo do texto, aumentando a primeira letra dele.

Confesso que o que me fez adicionar este hack no blog, foi por eu já ter tentado várias vezes, e agora percebi o quanto o código é simples, e leve de ser usado, pois o mesmo não utiliza JavaScript, nem imagens.

Bom, vamos ao código, insira isto acima de ]]</b:skin>

/* –- Drop Caps --- */

.dropcaps {

float:left; /*flutuação da letra*/

color: #000000; /*cor da letra */

font-size:40px; /* tamanho da letra*/

line-height:45px;  /* altura da letra*/

}

Depois em cada post, que você gostaria de usar o efeito, insira:

<div id=’dropcaps’>X</div>[…]

Onde X é a primeira letra do texto e […] a continuação.

 

Espero que funcionem em todos os blogs! :)