Estilos para título de gadget

22 maio 2013


Hey Jude !Hey você também!Tudo legal ??
Hoje eu vim ensinar como mudar o título do gadget . Sabe aquelas caixinhas com várias coisas para te ajudar ao lado da área de postagem .Acho que expliquei bem mal mas tudo bem vamos lá \m/

Esses aqui são para colocar desse maneira:(Pego em :Cherry Bomb)

•Você escolhe o título que mais te agradou copie ;
•Vá em layout , e na barra lateral "Adicionar um gadget"
•Procure poe : HTML/Javascript
•Cole o código que antes você tinha copiado (se quiser que fique igual não edite caso contrário está tudo explicado nos códigos)
•Visualize e salve

Códigos 




 
<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>


 


<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> 




<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>
 
<style>


/*Inicio Titulo dos gadgets*/

.sidebar h2 {

font-family: Georgia;

font-style: italic;

font-size: 14px;

font-weight: bold;
text-align: left;
color: #40250A; /*Cor da fonte*/
background: url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>
Quer mais códigos?


Já esses aqui são por HTML que eu achei no Uprisingteen passo a passo :
•Escolha o título que mais lhe agradou ;
•Copie o código que está abaixo da imagem 
•Vá em Modelo>Editar HTML
•Ctrl+F e
•Procure por ]]></b:skin>
•E ACIMA cole o código do seu título (se quiser exatamente como está não modifique se não está tudo explicado no código)
Não funcionou ??Então cole o código do título ABAIXO de:
/* Headings----------------------------------------------- */


Códigos:





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

Bastante não ?
Ainda tem mais um mas vou postar depois pois não tem nada a ver com esses .
Espero ter ajudado :D
  




Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

© Dilemas Indies - 2014. Todos os direitos reservados - Criado por: Bárbara Nascimento - Tecnologia do Blogger. imagem-logo