Yeaa!
Olá Cupcakes de baunilha, hoje trarei uma das coisas que eu mais amo editar no blog Modelos para titulos de Gadgets cara fala sério tem uns muito fofos, e um modelo legal pode dar o toque final no seu blog *O*
Gente eu já cansei do meu layout kkkk
Mais eu vou deixar porque trocar tudo, vish
Dai se eu for trocar, eu num vo postar e vai vir neguinho
me xingando no msn...
EEEEEEEEEEEEEEEEEEEEEEEEEEEnfim
Vamos aos modelos:
Estes são pelo HTML:
Para adiciona-los voce vai apertar CTRL + F e procurar por ]]></b:skin> e colar acima
1:
.sidebar h2 {
background: #f5f5f5;
border-bottom: 3px double #40E0D0;
font-family: arial;
font-style: italic;
font-size: 10px;
font-weight: normal;
text-align: right;
text-shadow:#fff 0px 0px 1px;
}
2:
.sidebar h2 {
background: #7AC5CD;
color: #fff;
font-weight: normal;
text-align: center;
font-family: century gothic;
-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;
}
3:
.sidebar h2 {
background: #000;
font-family: arial;
color: #fff;
font-size: 10pt;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #F0F8FF;
text-align: center;
text-shadow:#fff 0px 0px 1px;
border-radius: 10px;
}
4:
sidebar h2 {
background: #E6E6FA;
color: #9370DB;
border-bottom: 2px solid #9370DB;
font-weight: normal;
text-align: center;
font-family: tahoma;
-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;
}
5:
.sidebar h2 {
background: #DDF7F7;
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;
}
Edite as cores dos eu gosto e use a vontade.
PS: Caso não estiver pegando procure por .sidebar h2 e substitua tudo de . até } por algum dos códigos acima.
Achei: Kawaii World
Ele achou: Sweet Poison
Estes daqui não é pelo HTML, voce vai no seu layout, adicionar um gadget,
HTML/ Java Script
E nele voce cola o codigo do que voce mais gostou e edita... Modelos:
1: O estilo 1 eu nao vou postar porque estava dando problema no meu blog U.U
3:
4:
Estes eu achei no: Cherry Bomb, creditos a ela foi ela quem fez *u*
Estou mara que gostem do tutorial
Todos os Modelos são editaveis...
Para as cores, é só procurar neste site:
Cores:
E copiar o Codigo HTML
2:
<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>
/*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>
3:
<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>
/*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>
.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>
Estou mara que gostem do tutorial
Todos os Modelos são editaveis...
Para as cores, é só procurar neste site:
Cores:
E copiar o Codigo HTML
Bjoos
Bruna
♥ Postado por
