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
-P4nda
Adorei o post, apesar de eu já saber como se faz... É sempre bom relembrar *u*
ResponderExcluirJá conheço o tutorial também, mas ele não deixa de ser muito importante.
ResponderExcluirhttp://apenassonhosdreams.blogspot.com.br/