Tutorial - Personalizando o Título do Gadget - 5 Tipos

Hoy meus amores hoje vim postar 5 formas de personalizar o título dos gadgets. O resultado fica lindo. Clique em READ MORE para ler mais.


 Antes de pegar os códigops dos modelos de como vai ficar e ver como vai ficar, Vá em design > Editar html > Dê ctrl + f e pesquise por :

]]></b:skin>

E acima da tag pesquisada cole um dos códigos abaxo :

Modelo 1 :


(Imagem Sweet Poison)

Código :

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

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 2 :


(Imagem Sweet Poison)

Código :

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

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 3 :

(Imagem Sweet Poison)

Código :

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

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 4 :


(Imagem Sweet Poison)

Código :

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

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 5 :


(Imagem Sweet Poison)

Código :

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

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Então estes são os 5 modelos, espero que tenham gostado do post e até + ‼ ♥