22/09/2012

Sidebar Personalizada ~ Azul


<style>
/**PERSONALIZAÇÃO DA SIDEBAR BY CANDYLLAND**/
.sidebar .widget {
width:100% !important;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSyrUUwahAKmftr4sl98HRTXGYDD_u1TqYMI67fyEwpk_eKexMzU73oEy2XyuMhn5eLR9XcIxraLzfDClwot6J7d5VwnKV4nkLsMXJrDFlmTnKC5UA9IknuugeiqGfFx6nLB7FCro1bM0/s1600/30.png');  /** COR DO FUNDO DO GADGET **/
margin:10px 0 !important;
border-top:5px #000000 solid;  /** COR DA BORDA DE CIMA **/;
border-radius:10px 10px 10px 10px;
padding:10px;
box-shadow: inset 0 0 40px #eee, 0 0 10px #ccc; /** SOMBREAMENTO **/
overflow:hidden
}

.sidebar .widget h2 {
background:url("http://i1234.photobucket.com/albums/ff411/SweetLG/20-2.png") /** COR DO FUNDO DO TITULO **/;
color: #ffffff /** COR DO TITULO **/;
text-align: center;
font-size:17px /** TAMANHO DO TITULO **/;
text-shadow:0 1px #000000 /** SOMBRA DO TITULO **/;
margin-top:-10px /** MARGIN **/;
margin-left:-10px /** MARGIN **/;
margin-bottom:5px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
.sidebar .widget h2:hover{
font-size:17px /** TAMANHO DO TITULO **/;
letter-spacing: 3px; /* espaço das letras hover */
-webkit-transition-duration: .80s;
}
/** FIM DA SIDEBAR BY [www.candylland.net]**/
</style>

08/09/2012

Imagens






Gadget no Cabeçalho


<div class="topo">SEU CÓDIGO</div>

<style>
.topo {
position: absolute;
z-index: 4;
width: 250px; /* LARGURA */
height: auto;
left: 0px; /* Mover para Esquerda */
top: 0px; /* Topo */
}
</style>