Thifany Hannah Giulia

02 fevereiro 2013

Gadgets separados em Caixas - Arredondadas!


Ola meninas lindas <3 Sabiam que mesmo estando calor pra caralho, eu estou aqui postando?
Deixa eu dar uma olhadinha com quantos graus ta aqui... Meu Deus! Tem 33○, parece ter uns 45○!

Então, estou aqui com meu fone de ouvido, ouvindo ''Antes do Bom Dia- Tubaína'', cara me viciei; Então quem está afim de deixar o seu blog mais bonitinho separando os gadgets do blog? Quer? Então da uma olhadinha aqui, lindo não?
Então, vá o seu HTML e procure por /*Widgets e antes de fechar esse código adicione isso
background: #fff; /*---- 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 da caixa ----*/
Da de trocar a cor de fundo mudando #fff, pelo código da cor que quiser.
Agora para deixar sem aquele fundo chato, vá no seu Design do modelo e Avançado> Plano de Fundo da Barra Lateral e a cor vc deixa transparente, com o código ''tansparent''
Fim! Ficou lindo neh? E eu acho que deixa mesmo bem fofinho, dá mais um brilho ao layout.

4 comentários:

  1. Não conseguir fazer, não acho o /*Widgets

    ResponderExcluir
    Respostas
    1. Olá "Anonimo" voce pode não estar encontrando pelo motivo de ser muitos códigos. Aperte Ctrl+F e tenho certeza de que irá encontrar.

      Se voce tiver mais alguma duvida,nesse blog aqui explica tudinho:
      http://mundo-secrettoo.blogspot.com.br/
      Espero ter ajudado muitos bjs!

      Excluir
  2. plagio do go imagines *3*

    ResponderExcluir
  3. Verdade Plagio Do goimagines.blogspot.com

    ResponderExcluir