Postagens Vanessa S.
Destacar Primeira Letra do Texto no Post
Você já deve ter visto em alguns sites, onde no parágrafo inicial de uma postagem, a primeira letra do texto se apresenta de forma destacada, em tamanho maior que as demais letras e em negrito.
Se você quiser dar um destaque a primeira letra do texto em seus posts, basta acrescentar algumas linhas de código no seu CSS, conforme explicarei abaixo.
1º passo – Acesse o menu “modelo >> Editar HTML >> Expandir modelos de widgets.
Copie o código abaixo e cole-o ACIMA de ]]></b:skin>
p.introduction:first-letter {
font-family: 'Trebuchet MS', Times, Sans-Serif;
font-size : 350%;
font-weight : bold;
float : left;
width : 2em;
padding-right: 5px;
}
Salve as modificações!
2º passo – Sempre que for escrever um novo texto, no modo “Editar HTML” da postagem, acrescente a seguinte linha:
<p class="introduction">
ESCREVA SEU TEXTO AQUI
</p>
Portanto, sempre que for destacar a primeira letra do texto, deverá escrever seu artigo normalmente entre : <p class=”introduction”> e </p>
Facil não?
[dica]DICA:
1) Se em determinada postagem, você não quiser dar destaque a primeira letra do texto, simplesmente NÃO coloque esta linha na mensagem.
2) Se preferir, você pode modificar o tipo da fonte (font-family), por exemplo:’Monotype Corsiva’, ‘Tahoma’, ‘Verdana’ etc. [/dica]
Clau eu já fiz a personalização da dat em formato de calendário que vi aqui no seu blog e usei essa "talvez div"que vc cita ai em cima se eu colocar esse código em cima de novo na mesma div não vai alterar na data,pq qr que fique c a dta e a 1º letra do poste personalizada,me diz como faço,bjos!!!
@Scarpin:
Deve ser devido ao script q vc usa, tenta retira-lo.
Obrigada pelo comentário e volte sempre viu?
Olha, Adorei! Estou usando no meu blog! Só tem um probleminha… tanto o título das minhas postagens, como a minha letra inicial (que estão com fonte script) não aprecem no Firefox! Aff!
Pego muitas dicas por aqui!!!!! Parabéns.
é bom mas eu acho que nao é tao util
@Sidney Crivelari:
É uma boa dica tb. Valeu Sidney e obrigada por comentar.
Volte sempre!
Maravilha, adorei a dica, eu estava fazendo uma gambiarra para fazer este efeito, mas da sua forma fica mais bonito.
Dica se quiser trocar o nome p.introduction:
coloque letrao ou capitular mais facil de lembra na hora de chamar.. class="letrao"….
Abraços