Konbanwa meus bunnys travesos, como vão? Aposto que todos vocês já viram em vários blogs com aquele tutorial Negrito, Itálico e Sublinhado automático, mais o que percebi que não tinha como personalizar o Tachado. Eu fiz de duas formas o automático 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 próximo código acima dele:
Mas se quer ele hover, esta o codigo, ele é aplicado da mesma que o de cima:
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.
Assim que acha-lo adicione o próximo código acima dele:
Códigos
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*/
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:
Códigos
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; }
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.
Bem simples e útil, né?
ResponderExcluirAbraços,
http://therevolucaonerd.blogspot.com.br/
Yo Victhor quanto tempo, verdade e bem útil rsrs
Excluiradoro esse blog, sempre me ajuda. Obrigada s2
ResponderExcluirhttp://segredos-deamigas.blogspot.com.br/
Ohayoo fico feliz que lhe ajude, obrigada pelo recadinho
ExcluirSeu blog é lindíssimo!
ResponderExcluirComenta e segue o meu tb:
nossoblogdemodaa.blogspot.com
Yo Tainá, pode deixar que farei sim uma visitinha ^^
ExcluirPerfeição amei
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirMuito obrigada, fico feliz por poder ajudar :3
ExcluirAmei o post!
ResponderExcluirQuer dizer, afiliado :D
Não consegui :/
ResponderExcluirSerio? D: Puxa... tenta mais uma vez.
ExcluirObrigada!!!!
ResponderExcluirPoderia dar uma olhada no meu blog?
http://empirefolles.blogspot.com.br/
Por nada, faço sim uma visitinha.
ExcluirAmei o tuto, me ajudou muito beijos.
ResponderExcluirminhas-confissoes-2012.blogspot.com
Ah que bom! É um prazer lhe ajudar linda, beijinhos.
ExcluirMuito Bom
ResponderExcluir^^
ExcluirMe ajudou muito! Obrigada <3
ResponderExcluirAmei seu lay =3
Beijos | Cupcake of Sugar
De nada Ju :3
ExcluirObrigada por gostar do lay *----------*
ExcluirAmei o tuto! Me ajudou muito *-*
ResponderExcluirmythings2.blogspot.com
Que bom, fico feliz em poder ajudar. :3
Excluir