quarta-feira, 17 de setembro de 2014

♡Tutorial:Negrito,italico,sublinhando e tachado personalizados.!!!♡


Tirei um Print |ai que fofo,só que não,kkk.

Olá,
Como vão? Aposto que todos vocês já viram em vários blogs com aquele tutorial NegritoItálico e Sublinhado automático, mais o que percebi que não tinha como personalizar oTachado. Eu fiz de duas formas o automatico e com efeito hover também, se quiser aprender como faz já sabe a onde ir.


Primeiro vá ate seu HTML e então procure por ]]></b:skin>
Assim que acha-lo adicione o proximo codigo acima dele:





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*/



Mas se quer ele hover, esta o codigo, ele é aplicado da mesma que o de cima:



    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; }

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.
Foi isso espero ter ajudado.
Bjs ♡3♡.

Nenhum comentário:

Postar um comentário