Modelo de sidebar + Preview do novo layout

Heey sweets! Tudo bem? Sorry por não ter postado, sorry mesmo mesmo mesmo. Eu tava sem internet. Sabe aquele cabo azul? Pois é, consegui estragar ele pela 3° vez esse ano. Até comprei umas peçinhas extra pro caso de quebrar dnv kk. Bem, eu to fazendo (tentando) o novo layout do blog, e eu acho que tá ficando bom >.< Que orgulho kk. E eu também fiz um modelinho para sidebar tuts tuts.


Antes vamos dar uma olhadinha no layout, porque eu quero a opinião de vocês ok? Então comentem ai o que acharam

E ai? O que acharam? Bem, agora vamos ver o modelinho

Normal:

Hover:



.sidebar .widget {
border-radius: 0px;
border: 1px solid #e4dce3;
background: #fbfbfb;
border-bottom: 2px solid #CDB5CD;
text-align: justify; /* alinhamento justificado do texto */
box-shadow: inset 1px 0px 0px #f0f0f0, 0px 0px 5px #ddd;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin: 10px 0;
}
.sidebar h2 {
color: #fff;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
color: #8B658B;
border-bottom: 1px dotted #b39478;
font-size: 11px;
text-align: center;
word-spacing:.4em;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
letter-spacing: 6px;
color: #CDB5CD;
   -webkit-transition-duration: .50s;
}
.sidebar .widget:first-child {
}


Espero que gostem, não se esqueçam dos créditos, kisses

4 comentários: