Princess of glitter: Modelos para sidebar

2/10/2013

Modelos para sidebar

Oi meninas, como vai o carnaval de vocês? O meu está por enquanto ruim, eu viajei mas estou com dor de garganta, febre, enfim, doente, e estou quase sem voz por causa da dor de garganta, mas hoje trouxe modelos de menus para sidebar que eu fiz, e junto vem os códigos, obvio.


Sidebar azul clara


width:100% !important;
background:#fff;
border-bottom:10px #6fa8dc 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: url(http://i47.tinypic.com/14ecp60.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #dd8b99;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}



Sidebar azul 

width:100% !important;
background:#fff;
border-bottom:10px #436590 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: url(http://i48.tinypic.com/2vlqm3k.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #dd8b99;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}

Sidebar de Flores

width:100% !important;
background:#fff;
border-bottom:10px #436590 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: url(http://i47.tinypic.com/3449h0w.jpg) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #dd8b99;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}

Espero que gostem, beijos 

Fernanda ;*


2 comentários: