Modelos de gadgets

                            
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]