Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

5/09/2013

Efeito pontilhado no texto (HTML)


Antes de tudo, vejam o exemplo...
1. Acesse o painel do seu blog
2. No menu esquerdo clique em 'Modelo' e depois 'Editar HTML'
3. Dentro da caixa de edição, aperta no teclado 'F3' ou 'CTRL+F'
4. Logo apos que a caixa de pesquisa aparecer, digite nela ']]></b:skin>'
5. Acima de ']]></b:skin>' cole o código abaixo e logo após clique em 'Salvar Modelo'...
/**EFEITO PONTILHADO NO TEXTO - POR SUGOITUTORIAIS**/
span.sublinha {
padding-bottom: 1px; /**espaço entre a palavra e o pontilhado**/
border-bottom: 1px dotted #000; /**cor e tamanho do pontilhado**/
}
Quando desejar que o efeito funcione, use o seguinte código...
<span class="sublinha">seu texto aqui<span>
Tutorial feito exclusivamente ao Sugoi Tutoriais, caso reblogue coloque os devidos créditos.

Código encontrado em Cute Things editado por Sugoi Tutoriais.

Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.