29 de jul. de 2012

Titulo Gadget '-'











Tem vezes que bate aquela falta falta de criatividade na hora personalizar a sidebar não é? O post de hoje vai ajudar um pouco nessas horas. Trouxe alguns estilos prontos para os títulos dos gadgets. Para usá-los é só copiar o código que gostar mais, e colar em um gadget de HTML/Javascript em seu blog. Bem fácil não é? Confira abaixo os estilos, espero que gostem!

ESTILO 1
<style>
/*Inicio título dos gadgets*/
.sidebar h2 {
  font-family: Verdana;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
text-align: right;
  color: #A71BDE; /*Cor da fonte*/
background: #EAE4ED; /*Cor do fundo*/
padding-right: 5px;
border-radius: 15px;
border-top: 3px solid #D1CBD4; /*Cor da borda de cima*/
border-right: 2px solid #D1CBD4; /*Cor da borda da direita*/
margin-bottom: 5px;
/* Estilos para titulo dos gadgets por www.bombadecereja.tk  Não retire os créditos */ }
</style>

Estilo 2
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #BAE0E8; /*Cor da fonte*/
border-left: 10px solid #FF78D6; /*Cor da barrinha lateral*/
padding-left: 5px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Estilo 3
<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Verdana;
font-size: 14px;
text-align: left;
color: #40250A; /*Cor da fonte*/
font-weight: normal;
background: #FFCCDF url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*Cor de fundo e imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
border-top: 3px solid #FA3497; /*Borda do topo*/
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>




.sidebar h2 {
background: #E6E6FA;
color: #9370DB;
border-bottom: 2px solid #9370DB;
font-weight: normal;
text-align: center;
font-family: tahoma;
-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-left-radius: 0;
}

Nenhum comentário:

Postar um comentário

© Encanto Backgrounds
Design por: Bia Melo e Tay Calaon, Código base por: Raphael Cardoso.