27 abril 2014

Posted at  12:04  |  in  

Fundo diferente no primeiro gadget do blog


Após aplicado, o resultado será semelhante a esse:


Reparem que apenas o primeiro gadget ficou com fundo branco, os outros ficaram com a cor que eu estabeleci nodesigner do modelo. 

Obs.: O resultado fica mais bonito se a cor da sidebar for transparente, ou, se os os gadgets forem separados (tutorial aqui).

Vá  em  Design > Editar HTML > Ctrl+F (na nova interface: Modelo > Editar HTML > Prosseguir > Ctrl+F) E procure por:  .sidebar .widget:first-child {
logo abaixo cole:

Se quiser com fundo colorido:
background: #fff; /* cor do fundo da caixa */
border-radius: 10px; /* bordas arredondas, apague a linha se não quiser */ 
Se quiser com imagem:
background: url('url da imagem') no-repeat;
Lembrando:
no-repeat: não repete
repeat: repete vertical e horizontal
repeat-y: repete vertical
repeat-x: repete horizontal

Você pode colocar fundo diferente também no ultimo gadget, pra isso procure por:
.sidebar .widget:last-child { e faça a mesma operação que fez para colocar no primeiro gadget.

http://goimagines.blogspot.com.br/2012/06/fundo-diferente-no-primeiro-gadget-do.html

Share this post

About Naveed Iqbal

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim venenatis fermentum mollis. Duis vulputate elit in elit. Follow him on Google+.

0 comentários:

About-Privacy Policy-Contact us
Copyright © 2013 Testes para Blogs. Blogger Template by Bloggertheme9
Published..Blogger Templates. Powered by Blogger.
back to top