segunda-feira, 16 de janeiro de 2012

Tutorial-Dividir os gadgets



Primeiramente vá até Design > Editar HTML. E procure (F3 ou Ctrl+F) por /* Widgets. Deverá aparecer um código mais ou menos igual a este:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
Dentro das chaves, acrescente mais o código que divide a coluna, deixando a cor somente em cada gadget: background-color: #COR_HTML; não sabe que cor usar? Consulte a tabela de cores HTML. Deverá ficar da seguinte maneira:
/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
background-color: #COR_HTML;
}
 Visualize, se estiver tudo certo salve!! E caso você não achar este código, copie ele e cole acima de ]]</b:skin>.

Espero que tenham gostado, lembrando que aprendi no blog Material Extra visitem lá tem vários tutoriais :)

6 comentários:

  1. ótimo, tuto, novo post la no blog passa lá?
    cantinhodalivia.tk

    ResponderExcluir
  2. ain obg
    estava precisando
    muito desse tuto
    :D

    gpurple.blogspot.com

    ResponderExcluir
  3. tem um super concurso de pets rolando lá no meu blog, preciso da sua participação se não fizer isso por mim, faça por ele ( seu pet)
    http://mudandodetemaofficial.blogspot.com/

    ResponderExcluir
  4. olá,
    primeira vez que entro aqui no blog e adorei os tutorias/dicas, ahaha to seguindo o blog tbm!

    http://makingstyle.blogspot.com

    ResponderExcluir
  5. oi tem selinho no blog para você.

    http://prasempreviva.blogspot.com/

    ResponderExcluir
  6. Oii flor recadinho aos afiliados:
    O nome e o URL do blog mudou ok? o nome agr e Cupcakes of cherry, dá uma olhadinha no novo lay(:
    bjinhos
    http://cupcakesofcherry.blogspot.com

    ResponderExcluir