28/06/2015

Negrito, itálico, sublinhado e Riscado personalizado!



Bom, hoje trouxe para vocês um tutorial bem simples, mais que deixa seu blog bem colorido. Trata-se da personalização do Negrito, itálico, sublinhado e Riscado. Vamos lá!

1.Vá em Modelo > Editar HTML > Aperte Ctrl+F e procure por ]]></b:skin>. Quando encontrar, cole esse código acima da tag:

COM O EFEITO HOVER 
b{ 
color: #DA70D6; 
text-decoration: none;

b:hover {
color: #DA70D6; 
text-decoration: none;

i {
color: #63B8FF; 
text-decoration: none;

i:hover {
color: #63B8FF; 
text-decoration: none;

u {
color: #1C1C1C; 
text-decoration: none; 
border-bottom: 1px dashed #7CFC00;

u:hover {
color: #1C1C1C; 
text-decoration: none; 
border-bottom: 1px dashed #7CFC00;
}  
strike {
color: #009900 ; 
text-decoration: strike;  

strike:hover {
color: #FF00FF; 
text-decoration: strike;  
}

SEM O EFEITO HOVER
b{
color: #DA70D6; 
text-decoration: none;
}
i {
color: #63B8FF;
text-decoration: none;
}
u {
color: #1C1C1C; 
text-decoration: none; 
border-bottom: 1px dashed #7CFC00;
strike {
color: #009900;
 text-decoration: strike; 

O efeito na cor Vermelho e o Negrito, o na cor Laranja e o Itálico, na cor Amarelo e o Sublinhado, já a cor Verde e o Riscado, e só mudar a cor a seu gosto! O efeito fica muito interessante não é? Compartilhe!

Nenhum comentário:

Postar um comentário

LEIA ANTES DE COMENTAR

• Você pode comentar usando apenas seu Nome e Url. Não aceitamos anônimos, selecione a opção no menu suspenso "comentar como".

• Alguns comentários podem não ser aceitos, dependendo do cunho da mensagem. Seja gentil na blogosfera.

Obrigado por comentar. Sua visita e opinião são importantes. Volte sempre!

DESIGN E PROGRAMAÇÃO POR JOÃO VITOR M.A. • ALL RIGHTS RESERVED TO DESIGN MANIA • TECNOLOGIA BLOGGER