01/11/2012

Tutorial: Separar os gadgets em caixas com borda

||

Hoje trago um tutu que achei no blog Keep Calm eat Nutella, todos os créditos vão para lá beleza? Bom esse tutu e para colocar os gadgets em caixas separadas e com bordas e bem fácil de fazer vamos lá.
Primeiro vá em Design de Modelo >> Avançado >> Plano de fundo da barra lateral e o deixe trasparente só clicar na caixinha que ira aparecer. Salve e depois vá no seu HTML e procure por /* Widgets assim que acha-lo abaixo dessa tag cole esse código. Lembrando que tem que ser antes de fechar a chave  

background: #ffffff; /*Cor do fundo da caixa*/
padding-left: 20px; /*Espaço a esquerda*/
padding-bottom: 20px; /*Espaço de baixo*/
padding-right: 20px; /*Espaço a direita*/
padding-top: 5px; /*Espaço de cima*/
border:1px solid #CFCFCF; /*Cor da borda */

Agora é só persona izar da forma que desejar.

6 comentários:

  1. Ai que lindo, fofo e perfeito o seu blog!!! Dá uma vontade passar horas e horas navegando aqui ^^
    Ah, ótimo tutorial!

    Abraços,
    http://therevolucaonerd.blogspot.com/

    ResponderExcluir
    Respostas
    1. *-* Obrigada fico feliz que tenha gostado do blog

      Excluir
  2. Que legal o tuto, com certeza irei usar no meu próximo lay ^--^

    Ladrão de Borboletas

    ResponderExcluir
  3. Seu blog é MUITO lindooo! como consegue fazer essas prfeições?

    ResponderExcluir
    Respostas
    1. Obrigada Izy :3 apenas faço mas fico muito feliz que ache isso.

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram