Hi cherrys! Hoje vim com tutorial que eu acho que é bem importante num layout bonito e organizado, que é o Negrito, Itálico, Sublinhado e Tachado personalizados, na verdade aqui no blog tem esse tutorial, mas não tem o tachado, então hoje trouxe com o tachado.
Bem trouxe duas maneiras o simples e o hover.
Vamos lá!
Primeiro vá em Modelo>> Editar HTML>> Clique na caixa de HTML e aperte Ctrl+F e procure por:
]]></b:skin>
Cole acima dessa tag o código do modo escolhido.
Simples
b {color: #f08080; text-decoration: none;} /* O Negrito */i {color: #ff7f50; text-decoration: none;} /* O Itálico */u {color: #ffca85; text-decoration: none;border-bottom: 1px dashed #ffca85;} /* O Sublinhado */s, strike { color: #99aaff; cursor: normal; } /*O Riscado*/
Mude onde for preciso.
Hover
b {color: #F08080; text-decoration: none;} /*Negrito */b:hover { cursor: help; color: #FF6347;}i {color: #FF7F50; text-decoration: none;} /* Itálico */i:hover { cursor: help; color: #FF6347;}u {color: #F08080; text-decoration: none;border-bottom: 1px dashed #FF6347;} /* Sublinhado */u:hover {cursor: help ; color: #FF6347;border-bottom: dashed 1px #FF6347; text-decoration: none; }
Mude onde for preciso.
Estilos de ponteiros do mouse:
Crosshair (cruz)
Default (seta)
E-resize (seta que aponta à direita)
Help (ponto de interrogação)
Move (cruz com setas nas extremidades)
N-resize (seta que aponta para cima)
Pointer (mão)
Caso não quiser seta , basta colocar None onde diz Help no código.
Onde peguei esse código o tachado não tinha hover, então resolvi fazer um tachado em hover pra vocês.
s, strike { color: #99aaff; cursor: normal; } /*O Riscado*/s, strike:hover { cursor: help; color: #FF6347;}
Pronto basta colocá-lo junto com o outro código do HOVER (quero dizer abaixo dos outros).
Espero que tenham gostado!
Créditos: Bunny Crazy
Sweet of Cherry