04/07/2013

[#Side]: Modelos para a sidebar

Créditos da Imagem á Juh
Olá Sweets!
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:

~ Lili ;3 disse...

Bem legal ^^
Beijos, Lili
Clique aqui, e vá para o blog / Princesa Teen!

Mari disse...

Amei esse post!
Bejinhos
http://thingcolorful.wordpress.com/