quinta-feira, 26 de setembro de 2013

Úteis

Aqui estão os créditos junto com as personalizações que vocês podem precisar.

Mudar o fundo das postagens
Procure por .post-outer { e mude o código indicado.
Tutorial retirado do KW, créditos.

Mudar a cor dos links
Dê F3 e cole : a:link {. Achou? Edite como quiser.
Tutorial retirado do blog Cherry Bomb.

Adicionar sombra nos gadgets
Procure por /* Widgets e cole o seguinte código antes do fechamento da primeira chave.
box-shadow: 1px 3px 15px 2px #ccc;
Tutorial encontrado no Go Imagine

Personalizar negrito, itálico, sublinhado, tachado.

b { /* Estilo do negrito */
color: #CORDONEGRITO;
text-decoration: none;
-webkit-transition-duration: .40s;
b:hover { /* Estilo hover do negrito */
color: #CORHOVERDONEGRITO;
text-decoration: none;
-webkit-transition-duration: .40s;
i { /* Estilo do itálico */
color: #CORDOITALICO;
text-decoration: none;
-webkit-transition-duration: .40s;
i:hover { /* Estilo hover do itálico */
color: #CORHOVERDOITALICO;
text-decoration: none;
-webkit-transition-duration: .40s;
u { /* Estilo do sublinhado */
color: #CORDOSUBLINHADO;
text-decoration: none;
border-bottom: 1px dashed #CORDABORDA;
-webkit-transition-duration: .40s;
u:hover { /* Estilo hover do sublinhado */
color: #CORHOVERDOSUBLINHADO; 
text-decoration: none; 
border-bottom: 1px dashed #CORDABORDAHOVER; 
-webkit-transition-duration: .40s;
strike { /*estilo do tachado */
color: #CORDOTACHADO;
text-decoration: strike; 
-webkit-transition-duration: .40s;
strike:hover { /*estilo hover do tachado */
color: #CORHOVERDOTACHADO; 
text-decoration: strike; 
-webkit-transition-duration: .40s; 
Não me lembro de onde peguei o tutorial, estava no modelo do meu blog

Nenhum comentário:

Postar um comentário