03/10/2012

Explicação + Tutorial '



Oi Gente voltei , Blog com Visual Novo .. Pois é né , deixei de postar Postar por 2 dias [ AAAH NÃO NATHY MALVADA ] Por que estava Atualizando Meu Outro Blog {www} , Vim Postar Aqui Um Tutorial \õõ/ , é como personalizar o titulo dos gadgets , Quer saber mais Informações Clique em " Leia Mais "


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