Estilos Para Título do Gadget

Foto: [paletadeestilos.blogspot.com]

Olá gente! Fiz uma boa pesquisada por aí e reuni aqui alguns bons estilos para o título do gadget ficar um charme em vez de só aquela coisa bem simples que o blogger oferece ok? Créditos: Sweet Poison, Princesa Geek, Fashion Scream e Other Things. Espero que gostem!




.sidebar h2 {
text-align: center;
background-color: #ccc; ---/*cor de fundo */
width: 265px;
height: 15px;
font-size:13px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #fff;
border-bottom: 3px solid #DEC4F4; ---/* cor da linha */
A, A:link: #000000;text-decoration:none;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/ }

 .sidebar h2 {
text-align: center;
background-color: #ffffff; ---/*cor de fundo */
width: 265px;
height: 15px;
font-size:12px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #c9c9c9;
A, A:link: #000000;text-decoration:none;
border-bottom: 1px dashed #ff79c1;
border-top: 1px solid #ffffff; } 


.sidebar h2 {
text-align: left;
background-color: #F1F1F1; ---/*cor de fundo */
width: 265px;
height: 10px;
font-size:15px; ---/* tamanho da fonte */
font-color:#707070; ---/* cor da fonte */
text-shadow:0 1px 1px #c9c9c9;
A, A:link: #000000;
text-decoration:none;
border-top: 1px solid #ffffff;
border-bottom: 3px double #b779ff; }
 


.sidebar h2 {
background: #f5f5f5; 
/*cor de fundo */ 
border-bottom: 3px double #40E0D0; /*estilo da borda de baixo*/
font-family: arial;
font-style: italic;
font-size: 10px; 
/* tamanho da fonte */ 
font-weight: normal;
text-align: right; /* alinhamento */
text-shadow:#fff 0px 0px 1px;
}



.sidebar h2 {
background: #000; 
/*cor de fundo */ 
font-family: arial;
color: #fff;
font-size: 10pt; 
/* tamanho da fonte */ 
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #F0F8FF; 
/* estilo da borda */ 
text-align: center;
text-shadow:#fff 0px 0px 1px;
border-radius: 10px;
}


.sidebar h2 {
background: #7AC5CD; 
/*cor de fundo */ 
color: #fff; 
/* cor da fonte */ 
font-weight: normal;
text-align: center; 
/* alinhamento */ 
font-family: century gothic; 
/* fonte */ 
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;


.sidebar h2 {
background: #E6E6FA; 
/*cor de fundo */ 
color: #9370DB; 
/*cor da fonte */ 
border-bottom: 2px solid #9370DB; 
/* estilo da borda */ 
font-weight: normal;
text-align: center; 
/* alinhamento */ 
font-family: tahoma; 
/*fonte */ 
-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;
}
 


.sidebar h2 {
background: #DDF7F7; 
/*cor de fundo */ 
border-right: 3px solid #33CCCC;
color: #000;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
text-transform: lowercase;
padding-right: 2px;

.sidebar h2 {
text-align: center;
background-color: #FF69B4; ---/*cor de fundo */
width: 200px;
height: 15px;
color: #F5F5DC; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #FFFF00;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/}

.sidebar h2 {
text-align: center;
background-color: #8B8B83; ---/*cor de fundo */
width: 200px;
height: 15px;
color: #FFF5EE; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 4px 4px #000000;
-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-top-right-radius: 10px;}

.sidebar h2 {
text-align: center;
background-color: #7FFF00; ---/*cor de fundo */
border-left: 7px solid #FF1493;
width: 200px;
height: 15px;
color:#FFFFFF; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #FFFFFF;}



.sidebar h2 {
text-align: center;
background-color: #DEB887 ; ---/*cor de fundo */
border-left: 1px dashed #8B4513;
width: 200px;
height: 15px;
color:#b03060; ---/* cor da fonte do título */
font-family: impact; ---/* fonte do título */
font-size:16px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #FFFFFF;}

Escolha o modelo que melhor se encaixa com o design do seu blog, edite o que quiser e adicione o código acima de ]]></b:skin>. Se não funcionar, cole o código abaixo disso:


/* Headings
----------------------------------------------- */

Ok? Espero que tenham curtido o tutorial :*