• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

5 de dezembro de 2012

Negrito, Itálico, Sublinhado e Riscado e Negrito, Itálico, Sublinhado Em Hover

To Doente,E Ainda Tenho Que Arrumar A Casa,Estudar E Blogar.

Oi Como Vão Espero Que Bem, Porque To Doente Pra Caramba! Bom, Gente Vcs Já Perceberam Que Quando Alguma Postadora Colocar Negrito,Italico,Sublinhado Ou Tachado


Fica Com Cor Diferente E Ao Passar O Mouse Muda De Cor Menos O Tachado Preste Atenção:



Teste,Teste,Teste,Teste



Viu?

Hoje Trago o Tutorial De Como Fazer!


Os Créditos Vão Para O AN Do Tuto E O Entendendo Mais Melhor A Ajudinha Foi Do Karine In Júpiter



                                                              ENJOY!



em  Design  Editar HTML  Ctrl F e procure por: ]]></b:skin> 

ao encontrar..Cole este código acima dele: 


b {color: #ff78a0; text-decoration: none;} /* Estilo negrito */

i {color: #80c3ff; text-decoration: none;} /* Estilo  itálico */
u {color: #ffca85; text-decoration: none;
border-bottom: 1px dashed #ffca85;} /* Estilo sublinhado */
s, strike { color: #99aaff; cursor: normal; } /*Estilo  Riscado*/
Edite como quiser:
E Você Pode Fazer Em Hover Como Aqui: 





b {color: #ff219f; text-decoration: none;} /* Estilo do negrito */

b:hover { cursor: crosshair; color: #000;}
i {color: #d6aef5; text-decoration: none;} /* Estilo do itálico */
i:hover { cursor: crosshair; color: #000;}
u {color: #6dd2f7; text-decoration: none;
border-bottom: 1px dashed #6dd2f7;} /* Estilo do sublinhado */
u:hover {cursor: crosshair ; color: #000;
border-bottom: dashed 1px #000; text-decoration: none; }
Edite como quiser:
E Os Que Vc Deve  Editar Estão Em Negrito!


Agora Entenda Bem:


Tabela de cores aqui

Alguns 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)

Se não quiser seta diferente basta colocar None onde diz Crosshair no código
 Estilos de borda:Nesse Post:AQUI (nome da borda esta em Italico No Segundo Codigo Acima)

5 comentários:

  1. Muito legal o efeitos !

    Bjs
    Diário Capricho

    ResponderExcluir
    Respostas
    1. verdade, verdade, muito útil, nosso layout antigo do A.N usávamos esses efeitos que faziam os ponteiros do mouse ficarem diferenciados

      Excluir
  2. O tutorial é muito bom, eu tentei fazer o estilo riscado em hover, mais daí ele fica sem rscado.Por isso tirei tem como me ajudar?
    #May-Sun

    Nosso Diário Nada Convencional

    ResponderExcluir