Capitulação | Drop Caps

O efeito de Capitulação (Drop Caps, no inglês) consiste em fazer com que o parágrafo de texto circunde a primeira letra deste, como você pode ver no início deste post.

É um recurso muito utilizado em livros, jornais e revistas e que dará a seu texto um belo aspecto visual.

Este efeito é conseguido, facilmente, em apenas 5 passos, conforme mostraremos a seguir!

Passo 1: Antes (E SEMPRE!) de alterar seu template, vá a LAYOUT > EDITAR HTML > BAIXAR MODELO COMPLETO e faça um backup, caso você queira, depois, reverter este procedimento.

Passo 2. Em EDITAR HTML, localize (Para isso, use Ctrl + F) o seguinte código:

]]></b:skin>

Passo 3: Logo ACIMA (ANTES) dele, cole o código mostrado abaixo:

/* ---( drop caps )--- */
.dropcaps { float:left; color: #000000; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

Note que o código em vermelho indica a cor da letra capitular. O azul, o tamanho desta e o verde o distanciamento na altura. Estes códigos poderão ser alterados conforme seu gosto e o layout de seu template.)

Passo 4: Salve seu template.

Agora, é só digitar, no início de cada postagem, no modo Editar HTML, o código abaixo:

<span class="dropcaps">C1</span>C2

(Onde C1 é a primeira letra de seu texto, que, se iniciado por um artigo poderá ter um espaço antes de C2, que é a continuação do mesmo).

Passo 5: Para automatizar este último procedimento, para não ter que repeti-lo a cada post, basta ir a CONFIGURAÇÕES > FORMATAÇÃO > MODELO DE POSTAGENS, colocar este código lá e SALVAR CONFIGURAÇÕES. Assim, toda vez que você for iniciar uma postagem este código já será exibido, daí é só editá-lo e fazer seu post.

Pronto! Fácil, não?!...

---

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

---