Modelos para sidebar

by - dezembro 14, 2013

Yoo amores! Espero que estejam super-bem! Não sei se alguns de vocês notaram, mas, 
a blogosfera anda bem tranquila ultimamente. 
Bem, e eu confesso que acho bem melhor assim! Quanto ao post, os modelos 
para sidebar são bem simples mesmo, mas espero que vocês gostem!

Modelo 1:
.sidebar h2 {
font-family: Tahoma;
font-size: 15px;
color: #c5b1c2;
text-align: center;
padding-bottom: 7px;
}
.sidebar .widget {
padding-bottom: 5px;
padding-left: 2px;
padding-right:2 px;
padding-top: 5px;
margin: 20px 0;
border-top: 3px solid #c5b1c2;
border-bottom: 3px solid #c5b1c2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
Background: #fff;
-webkit-transition-duration: .50s;

Modelo 2

.sidebar .widget { width:100% !important; background:#fff; border- bottom:10px #ffc0cb solid; margin:15px 0 !important; border-radius:0 0 0 0; padding:10px; box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc; overflow:hidden }
.sidebar h2 { font-family: Verdana; font-size: 18px; color: #fff; background: #fcc; height: 30x; width: 200px; text-align: center; text-shadow: 1px 2px 3px #dd8b99; margin-top:-12px ; margin-left:-25px ; margin-bottom:12px; padding:6px; width:115%; }


Modelo 3:


.sidebar .widget {
width:100% !important;
background:#fff; /** COR DO FUNDO DO GADGET **/
margin:10px 0 !important;
border-top:4px #d18df0 solid; /** COR DA BORDA DE CIMA **/;
border-radius:0 0 10px 10px;
padding:10px;
box-shadow: inset 0 0 40px #eee, 0 0 10px #ccc; /** SOMBREAMENTO **/
}
.sidebar .widget h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJsd76nrZcFBTkw-QncAPkbru8nru-xbjSC3zo0a4U6Bcp7vsXLyBhCiHTGA8bFqJJRgjSJReeo_78NlWftb8kl3VNaZUshyphenhypheniGJYcd0ggX8DiXg_fxoRhG7Kd7Lfy_TXLc0quLTENfAg/s1600/bcnew.png") /** COR DO FUNDO DO TITULO **/;
color: #fff /** COR DO TITULO **/;
text-align: center;
font-size:17px /** TAMANHO DO TITULO **/;
text-shadow:0 1px #fcc /** SOMBRA DO TITULO **/;
margin-top:-10px /** MARGIN **/;
margin-left:-10px /** MARGIN **/;
margin-bottom:5px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}



You May Also Like

8 Comentários

  1. Nossa, os três são muito lindos, mas prefiro o primeiro e o segundo :3

    Snowing in London | http://snowing-in-london.blogspot.com.br/

    ResponderExcluir
  2. Olá! Realmente ela está, e estou achando isso bom. Mas eu confesso que está faltando uma certa movimentação...Eu amei os modelos, são todos lindinhos. Estou morrendo de saudades de você, viu! Não vou prometer, mas tentarei ficar mais presente. Chu ~♥

    O Perfeccionista

    ResponderExcluir
    Respostas
    1. Yoo^.^ Ah, realmente está!....
      Obrigada♥ Também estou *---* Ook, te digo o mesmo!
      ~~Kiss

      Excluir
  3. Etto, estou aqui para responder a sua proposta >-<
    Sim, eu aceito... Etto, um tema? Eu não sei '-'

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)