sexta-feira, 19 de outubro de 2012

Tutorial :Titulos de gadgets

Oi girls hoje e um dia muitissimo especial  hoje e o niver do blog  mais vamos ao tutorial pedido

Vá em  layout no blogger >adicionar um gadget>html-javascript> ai você coloca   alguns codigos trouce algns pra vocês



<style>
/*Títulos dos gadgets personalizados by Cat Girl*/
.sidebar h2 {
font-family: arial; /* Fonte */
font-style: italic; /* Estilo da fonte, pode mudar para normal */
font-size: 14px; /* Tamanho da fonte */
text-align: center; /* Alinhamento do texto, pode mudar para left ou right */
color: #FFFFFF; /*Cor da fonte*/
background:  #FF69B4; /* Cor do fundo */
padding-left: 12px;
margin-bottom: 5px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius100px;
/*Fim dos títulos dos gadgets personalizados, não retire créditos*/
}
</style>


<style>
/*Títulos dos gadgets personalizados by Cat Girl*/
.sidebar h2 {
font-family: verdana; /* Fonte */
font-style: normal; /* Estilo da fonte, pode mudar para italic */
font-size: 14px; /* Tamanho da fonte */
text-align: left; /* Alinhamento do texto pode mudar para center ou right */
color: #FFFFFF; /*Cor da fonte*/
background:  #FF69B4; /* Cor do fundo */
padding-left: 12px;
margin-bottom: 5px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
/*Fim dos títulos dos gadgets personalizados, não retire créditos*/
}
</style>


<style>
/*Títulos dos gadgets personalizados by Cat Girl*/
.sidebar h2 {
font-family: trebuchet ms; /* Fonte */
font-style: normal; /* Estilo da fonte, pode mudar para italic */
font-size: 14px; /* Tamanho da fonte */
text-align: center; /* Alinhamento do texto pode mudar para left ou right*/
color: #FFFFFF; /*Cor da fonte*/
background:  #FF69B4; /* Cor do fundo */
padding-left: 12px;
margin-bottom: 5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
/*Fim dos títulos dos gadgets personalizados, não retire créditos*/
}
</style>

Muda as cores *aqui*
creditos:@

tchau beijocas

Nenhum comentário:

Postar um comentário