terça-feira, 20 de setembro de 2011

Aprenda e Entenda: Personalize títulos de gadget

Tumblr_lrud5vd6mr1r3yfyho1_500_large

A maioria dos blogueiros personalizam os gadgets com Imagens, eles escrevem na imagem o título do gadget e depois retiram ou não retiram o fundo, mas, hoje eu vou ensinar como personalizar o gadget de forma diferente, últil e muito mais fácil. Ao invés de você ficar fazendo imagens para todos os títulos para ficar mais bonito e organizado vou ensinar uma melhor e simples forma de fazer isso.
1- Você deverá escolher qual deles você quer usar. Opções:

Ficará assim.
.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+*/ }
 Se você não quer o efeito redondo, retire a parte em rosa.
 Ficará assim.
.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; } 
Ficará assim.
.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; }
2- Após ter escolhido, vá até Design, Editar HTML, e cole o código escolhido ANTES de: 
]]></b:skin>
Dúvidas por comentário ou na página de contato, caso você prefira outras opções para aprender a usar o HTML, clique no nosso guia/dicionário de codificação HTML, é simples, fácil e muito últil, a postagem está aqui:

0 3 comentários:

Postar um comentário

O blog Garota Etc é um blog que produz conteúdos originais de diferentes temas. Espiritualidade, astrologia, viagens e etc.
Aqui você terá acesso a fotos e notícias. Textos sobre a sociedade e o mundo em que vivemos. Criticas sociais e entretenimento.
Acesse o blog e fique por dentro das novidades.
Comente e divirta-se.