27 janeiro, 2012

Maratona de Tutoriais - Mudando o fundo das colunas deixando apenas em cada gadget

Tumblr_lowpau3jyb1qd3w72o1_500_large

Oieee minhas tortas de beterraba com recheio de limão ( Brincadeirinha ) . Bom hoje vou ensinar a mudar o fundo das colunas deixando apenas em cada gadget, ou seja deixar os gadgets separados, antes um aviso: Amanha é o último dia da maratona de tutoriais, peçam tutoriais por comentário, e as aulas estão chegando , e antes de ir embora quero dizer : EU TE AMO FÉRIAS   kkkkkkk


Chega de conversa e vamos ao que interessa.Se ainda não sabe do que estou falando veja um exemplo na imagem abaixo:

Clique na imagem para ampliar ! CRÉDITOS DE NOVO PARA O MATERIAL EXTRA


Vamos lá :
Primeiro vá em  Designer do modelo > Avançado > Plano de fundo da barra lateral > e coloque Transparente > Depois em Editar HTML > Ctrl + F > e procure por > /* Widgets > deve aparecer assim:
/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
Acrescente dentro das chaves o seguinte elemento:  Background: #cccccc;
E onde está #cccccc Você troca pela cor que quer o fundo caso queira uma imagem troque
Background: #cccccc;     por  :     background-image: url(URL DA SUA IMAGEM);
Devendo ficar assim:



/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
Background: #cccccc;
}
Visualize e se estiver dado tudo certinho salve , Então é isso gente , Bjokas XOXO Bye , Nhac *-*

CRÉDITOS DE NOVO PARA O MATERIAL EXTRA

7 comentários:

  1. Ótimo tutorial mas prefiro uma cor mesmo, não uma foto.
    Beijo
    Tem novo post lá no bombastic.

    www.blogbombaastic.blogspot.com

    ResponderExcluir
  2. Oiie, muito útil este tuto.
    Vou favoritar pra usar depois *--*

    ResponderExcluir
  3. Oie!!

    Seu blog é muito lindo, repleto de conteúdos incriveis :)
    E já estou seguindo, é claro!

    Ficarei muito feliz se puder visitar e seguir o meu também!

    Tenha um lindo final de semana!
    Beijo grande.

    samifobia.blogspot.com

    ResponderExcluir
  4. Adorei o tutorial *-* Bjs

    http://dreamsofagirl-blog.blogspot.com/

    ResponderExcluir
  5. Oi Amr, que lindo aqui. Seguindo, beijos >.<

    http://www.world-cutest.blogspot.com/

    ResponderExcluir
  6. oi fofa,é eu a gabi,então,vou dar os seus creditos sim,aé a pergunta q vc não entendeu:eu gostaria de saber como vc deixou o seu layout assim??

    ResponderExcluir
  7. Adoorei seu blog... Parabéns!!!

    Estou te seguindo! Me segue também?
    http://upnovisual.blogspot.com/

    ResponderExcluir