29 de novembro de 2012

Modelos de gadgets

                            Tumblr_mdxadzinlt1rkoke6o1_500_large
Trouxe uns modelos para sidebar que achei nos blogs Loving Lullaby e , Cantinho da Drw no total são 6 modelos.Leia Mais??


Obs > Para que você possa usar (e abusar!)de qualquer um dos modelos abaixo deverá remover todo o conteúdo que estiver em .sidebar.widget e .sidebar h2 , ok?

Modelo I

 
.sidebar .widget {
width:100% !important;
background:#fff;
margin:15px 0 !important;
border-radius:5px;
padding:10px;
box-shadow: inset 0 0 15px #eee, 0 0 3px #ccc;
overflow:hidden
}
.sidebar .widget:first-child {
  margin-top: 0;
}
.sidebar h2 {
font-family: Verdana;
font-size: 17px;
color: #fff;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0niyb7wm7NE16huM7bD7MEQg77mylnBOFWjoaJhZBFfNpEjKtzsbuHwkEWqsPTwctx0eAaIgruRCn5zc1b_Z4Q7hJ9vRZFDpcFmlQouuSetTn4KPLLgEqgUoFNDRHnevc6tE1FhIcEOY/s1600/Faixinha+gadgets.png) no-repeat center;
height: 25px;
width: 300px;
text-align: center;
margin-top:-5px;
margin-left:-9px ;
margin-bottom:10px ;
text-shadow:0 1px #5C487E ;
padding:5px;
width:114%; }

Modelo II

 
 .sidebar .widget {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
padding-bottom: 12px;
   margin: 0px 0;
Background: #ffffff;
border-bottom:5px #2D3A86 solid;
margin-top:41px;
    padding:11px;
box-shadow: 1px 2px 3px 1px #e1dddd;
    }
sidebar h2 {
text-align:center;
   color: #2C2C2C;
background-color: #83B7FF;
-moz-box-shadow: inset 0 0 10px #6DA8FB;
-webkit-box-shadow: inset 0 0 10px #6DA8FB;
    box-shadow: inset 0 0 10px #8193FF;
    padding:2px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
   -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
  border-top-right-radius: 4px;
    display:inline;
    float:right;
margin-top:-38px;
    } 

Modelo III

 
.sidebar .widget {
border-bottom: 5px solid #D682DE;
    border-top: 5px solid #621E85;
    padding-bottom: 20px;
    margin: 10px 0;
   background: #fff;
    padding:12px;
    box-shadow: inset 0 0 15px #eee, 0 0 3px #ccc;
    }
    .sidebar .widget h2 {
   background:#45CFAF;
    font-size:16px;
 font-family: Stoke;
    color: #fff;font-size: 23px;
 text-shadow:0 1px #ddd ;    margin-top:-12px;    margin-left:-13px;    margin-bottom:10px ;    padding:5px;    width:107%;    
}

Modelo IV

 
.sidebar .widget {
background: #fff;
padding: 5px;
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
 margin: 10px 0; }
h2 {
display:block; background:#EAC3B8;
color:#A95A4E;
text-shadow: 1px 1px 0 #transparent; font-size:12px;
font-weight:bold; letter-spacing:1px; padding:3px 5px 3px 10px; margin:5 0 0px 0; 
text-transform: normal; border-bottom: 1px dotted #000000;
}

Modelo V


.sidebar .widget {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;
padding-bottom: 12px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
box-shadow: 1px 2px 3px 1px #e1dddd;
}
.sidebar h2 {

text-align:center;

background-color: #ee91af;

-moz-box-shadow: inset 0 0 10px #d85882;
-webkit-box-shadow: inset 0 0 10px #d85882;
box-shadow: inset 0 0 10px #d85882;
padding:2px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
display:inline;
float:right;
margin-top:-38px;
}

 Modelo VI

 
.sidebar .widget {

border-bottom: 5px solid #ff74b5;

border-top: 5px solid #1cc9a6;

padding-bottom: 20px;
margin: 10px 0;
background: #fff;
padding:12px;
box-shadow: inset 0 0 15px #ebe9e9, 0 0 3px #ccc;
}
.sidebar .widget h2 {

background:#ffcddd;

color:#fff;

font-size:16px;
text-shadow:0 1px #ddd ;
margin-top:-12px;
margin-left:-13px;
margin-bottom:10px ;
padding:5px;
width:107%;
}



Gostaram?

Créditos á: [www][www]

3 comentários:

  1. Aawn que lindos modelos.
    Bem amora, desculpe mas não temos vagas para afiliados, a menina do comentário de cima havia dito que me colocou como afiliada, mas eu nem ao menos pedi a afiliação, irei falar com ela para ver se não foi um mal entendido, quando abrirmos mais vaguinhas eu te chamo, amei seu Blog, superdivo, seguindo.

    rafasinha.blogspot.com.br/
    Beijos :3

    ResponderExcluir
  2. Muito lindos os sidebar mais vou colocar um deles no próximo layout você aceita afiliação ? e Fazer Divulgação beijos.

    http://apenasdoze.blogspot.com.br/

    ResponderExcluir