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