15 de agosto de 2015

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


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♡.

Novo Layout ::: WONDERLAND♥

Blog de cara nova não é mesmo??
eai gostaram? espero que sim!
Fiz com muito carinho♥ e o Blog não morreu viu!