dois modelos para sidebar

Olá coisas mais fofas da Tia Roh tudo bem? (≚ᄌ≚)ℒℴѵℯ❤ Quanta melação né? To carente gente AUSHUAHSuashu mentira u.u. Eu só estou postando a essas horas pois amanhã a tarde sexta feira irei viajar e só irei voltar domingo a noite. Me apressei e ainda consegui adiantar o pedido que estava pendente na minha ask. Falar em ask quanta pobreza hein? Apenas um pedido, assim vocês me quebram mas tudo bem, vou eu mesma inventando algo como sempre fiz. As vezes sai coisas legais mas nas outras vezes nem tanto, o jeito é começar a postar mais materiais do que tutoriais já que ninguém me pede ultimamente ¬¬ Agora alguém poderia me dizer se as imagens postadas no blog de imagens estão com boa qualidade? Ao meu ver estão, mas queria a opinião de vocês que são mais críticos. Então é isso, adiantei este pedido e só irei postar novamente provavelmente na segunda a tarde =3

Agora a pessoa que me pediu eu fiz o que veio em minha cabeça certo? Afinal não me deu nenhuma dica ou me falou como queria. Espero que goste sim? Beijocas amores e até mais!

Modelo 1

Normal

Hover

Vá até o seu modelo e procure por: /* Widgets apague todo os códigos que estão abaixo dele e cole os seguintes códigos:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
Background: #fff;
border: 1px solid #E8E8E8;
text-align: justify;
font-family: calibri;
color:#ccc;
font-size:12px;
padding: 5px;
margin: 2px -30px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar .widget h2 {
background: #F3F7F8;
border: 1px solid #D7E3E7;
box-shadow: inset 0px 0px 3px #E0EBEF;
padding-bottom: 8px;
padding-top: 8px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
text-transform: capitalize;
font-family: 'Georgia', cursive;
letter-spacing: 1px;
font-weight: 300;
font-size: 14px;
font-style:italic;
color:#C5DBE1;
text-align: center;
border-radius:3px;
-webkit-transition-duration: .80s;
}
.sidebar h2:hover {
background: #F1EDF4;
border: 1px solid #DCD6E3;
box-shadow: inset 0px 0px 3px #E3DAEC;
padding-bottom: 8px;
padding-top: 8px;
padding-left: 10px;
line-height: 8px;
margin-bottom: 5px;
text-transform: capitalize;
font-family: 'Georgia', cursive;
letter-spacing: 1px;
font-weight: 300;
font-size: 14px;
font-style:italic;
color:#D2C9DC;
text-align: center;
border-radius:3px;
-webkit-transition-duration: .80s;
}

Modelo 2

Normal

 Hover

/* Widgets
----------------------------------------------- */
.sidebar .widget {
Background: #fff;
border: solid 1px #FFD8D8;
outline: 1px dashed #FFC1C1;outline-offset: -3px;
text-align: justify;
font-family: calibri;
color:#ccc;
font-size:12px;
padding: 6px;
margin: 2px -30px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar .widget h2 {
background: #FFD9D9;
border: 1px solid #FFBCBC;
box-shadow: inset 0px 0px 3px #E3DAEC;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
font: normal 13pt cambria, georgia;
text-transform:lowercase;
font-style:italic;
letter-spacing: 1px;
font-weight: 300;
color:#FFA3A3;
text-shadow: 1px 1px 0 #fff;
text-align: center;
border-radius:2px;
-webkit-transition-duration: .80s;
}
.sidebar .widget h2:hover {
background: #FCE6E6;
border: 1px solid #FFC8C8;
box-shadow: inset 0px 0px 1px #FFCDCD;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
font: normal 13pt cambria, georgia;
text-transform:lowercase;
font-style:italic;
letter-spacing: 1px;
font-weight: 300;
color:#FFA3A3;
text-shadow: 1px 1px 0 #fff;
text-align: center;
border-radius:2px;
-webkit-transition-duration: .80s;
}