Créditos da Imagem á Juh |
Como estão? *U* Hoje trago alguns modelos para sidebar. Eu particularmente amo eles, infelizmente não fui eu que os fiz, mas espero que gostem!
Créditos: Kawaii World ♥
Escolha o modelo que gostar e cole depois de /* Widgets e aquela linha chata que aparece. Antes disso procure por .sidebar h2 e se achar algo, apague de .sidebar h2 { até o primeiro } que aparecer, aí sim você deve inserir o código. Se não achar, é só seguir normalmente. Se não entendeu, pergunte pelos comentários.
O primeiro é normal, o segundo é o hover. Podem editar as cores sem problemas.
.sidebar h2 {
font-family: Tahoma;
text-transform: uppercase;
letter-spacing: 3px;
color: #ccac90;
border-bottom: 1px dotted #c8bcb2;
font-size: 11px;
text-align: center;
word-spacing:.4em;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
letter-spacing: 6px;
color: #b39478;
-webkit-transition-duration: .50s;
}
@font-face {font-family: "beat"; src: url('http://static.tumblr.com/0xqvkot/qoCmj9gu6/altehaasgroteskregular.ttf');}.sidebar h2 {font-family: beat;text-transform: uppercase;letter-spacing: 3px;color: #f38a97;text-shadow:0 1px #cccccc;border-bottom: 1px solid #e5e5e5;font-size: 13px;text-align: center;word-spacing:.4em;-webkit-transition-duration: .50s;}.sidebar h2:hover {letter-spacing: 1px;color: #d0d0d0; -webkit-transition-duration: .50s;}
.sidebar h2 { font-family: Tahoma;font-size: 14px;color: #aeaeae;text-transform: uppercase;text-shadow:0 1px #dbdbdb;background-color: #f4f4f4;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 5px;margin: 2px;border-bottom: solid 1px #e3e1e2;text-align: center;-webkit-transition-duration: .50s;}.sidebar h2:hover {color: #d9d8d9; -webkit-transition-duration: .50s;}
Kissers, Vips ♥
Créditos: ♥
2 comentários:
Bem legal ^^
Beijos, Lili
Clique aqui, e vá para o blog / Princesa Teen!
Amei esse post!
Bejinhos
http://thingcolorful.wordpress.com/
Postar um comentário