10/08/2012

Dica Para Vocês '



Oiiieh , Boa Noite Para vocês , aai fiquei com vontade de postar uma dica super mega legal que acho muito foofa , como personalizar o titulo do gadget , Ficar aquele fundo colorido que faz seu blog ficar super Lindo , Tem Uns que são ateé com efeito hover , mais eu vou postar aqui um com efeito normal , que vocês podem editar e deixar do jeitiinho de vocês , espero que gostem ..



Resultato :

 Vá para o HTML , dê Ctrl+F e procure: 

]]></b:skin>
Logo acima desse código, você adicione: 

.sidebar h2 {
text-align: center;
background: #FFFFFF;
width: 300px;
height: 16px; 
margin: 10px;
padding: 2px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
Entendendo:

text-align - Significa o alinhamento do titulo, você pode trocar o "center" por:
-Left: alinha para a esquerda
-Right: alinha para a direita

Background - O fundo do titulo do gadget, você pode trocar o "#FFFFFF" por:
-Outra cor, escolha uma clicando aqui e não esqueça de adicionar o "#" antes do novo código
-Uma imagem, primeiro hospede em um site e pegue o Direct Link for Layout e depois substitua o "#FFFFFF" por:
url(aqui vem o seu direct link) no-repeat center;

Width - É a largura do titulo do seu gadget, se você diminuir o numero, o fundo do titulo vai ficar menor. Ajuste de acordo com a largura do seu gadget!

Height - É a altura do  título do seu gadget, ajuste como preferir!

Você também pode ajustar as bordas! Se prefere ficar sem borda, apague isso lá:
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


- Creditos - The Sugary Land !

Nenhum comentário:

Postar um comentário