terça-feira, 20 de janeiro de 2015

Estilos Para Título do Gadget

| |

Oiie meninas!! Hoje eu vou ensinar como personalizar os títulos dos gadgets, eu já ensinei como personalizar o título do blog e como personalizar o título das postagens. Bom, como eu acho que todos os títulos personalizados estão na moda, eu vou ensinar mais um tuto de personalização quanto a isto,

Vamos lá??



1- Vá em modelo, editar HTM, clique em CTRL+F e procure por:

/* Widgets

2- Abaixo do código procurado, cole um dos códigos dos modelos abaixo. 



.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;}
________________________________________________________________________________

Caso não der certo, tente colocar o código acima de:


]]></b:skin> 

Ou vc pode colar abaixo de:


 /* Headings

Ou até vc pode colar em: 


HTML/JavaSript 

FÁCIL NÃO?? 

Nenhum comentário:

Postar um comentário