18.9.14

Negrito Itálico Tachado Sublinhado personalizados com efeito fade!

Olá fofões! Hoje eu trouxe uma coisa bem fácil de personalizar que é o NEGRITO ITÁLICO TACHADO & SUBLINHADO com efeito fade (é um efeito bem suave na hora do hover). É bem simples.

Vá no HTML (Modelo>> Editar HTML) e procure por:



Está logo no início. Quando achar click nos três pontinhos no meio. Irá abrir muitos códigos. Procure pela tag ]]></b:skin> , cole este código ACIMA da tag:


/*----PERSONALIZAÇÃO DO N,U,I, E S----------*/
b, bold {color: #CORDONEGRITO; -webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out;}
b:hover{color: #CORDONEGRITOHOVER; -webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out;}
i, italic {color: #CORDOITÁLICO;-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-khtml-transition: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out;
}
i:hover {color:#CORDOITÁLICOHOVER; -webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-khtml-transition: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out;}
u, underline {color: #CORDOSUBLINHADO; text-decoration: none; border-bottom: 1px dotted #999;  -webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-khtml-transition: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out;}
u:hover {color: #CORDOSUBLINHADOHOVER; text-decoration: none; border-bottom: 1px dotted #f5bf61; -webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-khtml-transition: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out;}
s, strike {color: #CORDOTACHADO; -webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-khtml-transition: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out;}
s, strike:hover {color: #CORDOTACHADOHOVER; -webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-khtml-transition: 1s;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
transition: color 1s ease-out; }
E aí é só personalizar as cores! Abraços! Espero ter ajudado!

-P4nda

2 comentários:

  1. Adorei o post, apesar de eu já saber como se faz... É sempre bom relembrar *u*

    ResponderExcluir
  2. Já conheço o tutorial também, mas ele não deixa de ser muito importante.

    http://apenassonhosdreams.blogspot.com.br/

    ResponderExcluir

-Proibido brigas
-Comente se gostou da postagem
-Não comente palavrões ou comentários ofensivos
-Não comente spans e divulgação de postagens ou blogs, se não seu comentário será excluido.
-Comente a URL do seu blog para visitarmos!
-Comente no que devemos melhorar!
- Use sinais legais : ☁☀☃☂♣♥♪♫
Obrigada por comentar ;)