terça-feira, 24 de julho de 2012

Gadgets separados.

                                      
                            Se alguém se sentir feliz me dando uma blusa dessas eu aceito :D fonte: 

Olá unicórnios da Helo *-* antes era anjos agora são unicórnios,que loca.
Tudo bom? Comigo tudo ótimo :D
Hoje vim postar um tutorial que uso aqui no blog, é o tutorial de como colocar os gadgets da sidebar separados. Se você ainda não entendeu o que é olhe o print:

Viu que eles estão separados ? Então, no meio deles vai ficar o seu background.
Vamos ao tutorial:

Vá no seu html e perquise (CTRL + F) por:

/* Widgets
Antes de fechar a chave -> {  cole:

background: #FFFFFF; /*---- cor do fundo da caixa ----*/
padding-left: 20px; /*---- espaço à esquerda ----*/
padding-bottom: 20px; /*--- espaço de baixo ---*/
padding-right: 20px; /*--- espaço à direita ---*/
padding-top: 5px; /*---- espaço de cima ----*/
border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra, apague a linha se não quiser ----*/



Visualize e se estiver tudo certo salve. Mas tem um porém, pra ela não ficar estranha, tipo, com os gadgets em caixa mas por cima da sidebar você vai em editar design do modelo e vai deixar assim:



Depois que fizer isso é só salvar.
Espero que tenham gostado. 
Bom gente, é isso. Beijos ;*

Créditos: Sweet Mulberry.

11 comentários:

  1. Amo o tuto :3

    Novopostcomenta
    -->http://smileretro.blogspot.com.br/

    ResponderExcluir
  2. Nossa seu blog é lindo!!
    to seguiindo segue o meu se quiser??
    one-teens.blogspot.com

    ResponderExcluir
  3. Ótimo tuto , deixa o blog super bonito!

    http://territorioteen-suh.blogspot.com.br/

    ResponderExcluir
  4. Ameei o tuto muito util , e o blog tbm é muito lindo ... Seguindo aqui segue de volta ?
    http://sweet----girl.blogspot.com.br
    Bezoos ^^

    ResponderExcluir
  5. Ahh brigaada! Tava precisando desse tuto!

    The Sugary Land
    http://the-sugary-land.blogspot.com.br

    ResponderExcluir
  6. eu adoooooro esse tutorial, o blog fica mais fofo ! to seguindo aqui hein, beijos.
    senhorita-adolescencia.blogspot.com

    ResponderExcluir
  7. adorei seu blog.. é lindo ;) Primeira vez de muitas que estarei visitando ;)

    www.ejhonas.com {Seguindo seu blog para a próxima meta. Se puder seguir o meu o link tá do lado *-*}

    ResponderExcluir
  8. Amei o tutorial. Útil e interessante. lindo seu blog. Dê uma olhadinha no meu blog e segue se gostar, sigo de volta. quando chegar aos 25 seguidores sairá um mega sorteio.

    http://modarockeafins.blogspot.com.br/

    ResponderExcluir
  9. Eu ameiii
    muito muito obgd, fico muito legal ^^)
    To Seguindo
    Se quiser retribuir....
    http://bagulhosdocoracao.blogspot.com.br/

    ResponderExcluir
  10. Achei vem legal estou usando no meu novo Layout Achei bem bonito fica mais organizado!
    http://jamillysumiemakiyamac2.blogspot.com.br/

    ResponderExcluir