Negrito, itálico, riscado e sublinhado Personalizados

by - setembro 08, 2013


Olá cheirosos =^.^=  Espero que estejam bem.
Trouxe hoje um tutorial rápido, simples e essencial.
Vamos personalizar as formatações de texto do blog, que são elas:
Negrito, itálico, riscado e sublinhado.

Para isso adicione este código acima de ]]></b:skin>:

u {/* Sublinhado */ text-decoration:none; color:#61D2D6; border-bottom: 1px solid #9BF0E9; -webkit-transition: 0.4s; } b, strong { /* Negrito */ color: #ED146F; font-weight: bold; } i,em { /* Italico */ color: #EA3556; text-decoration: none; } strike { /* Riscado */ text-decoration: strike; color:#EB9F9F; }
E quem quiser com hover, ou seja, quando passe o mouse mude a cor:
Use o seguinte código:


u {/* Sublinhado */
text-decoration:none;
color:#61D2D6;
border-bottom: 1px solid #9BF0E9;
-webkit-transition: 0.4s;
}
u:hover {/* Sublinhado hover */
border-bottom: 1px solid #EDDE45;
-webkit-transition: 0.4s;
}
b, strong { /* Negrito */
color: #ED146F;
font-weight: bold;
}
i,em { /* Italico */
color: #EA3556;
text-decoration: none;
}
strike { /* Riscado */
text-decoration: strike;
color:#EB9F9F;
}
strike:hover { /* Riscado hover */
text-decoration: none;
color:#EB9F9F;
}

You May Also Like

0 Comentários

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)