01/11/2012

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  

Códigos
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. Anônimo19/1/14

    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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345