08/02/2014

Removendo o espaço de uma gadget para outro


Yo minna-san? Como estão hoje? Hoje trago mais um tutorial rápido, vou mostrar como remover espaço entre cada gadget. As vezes acontece de queremos elas mais juntinhas ou totalmente juntas nem sempre na própria sidebar do blogger dá para fazer muita coisa, então acho essa uma boa dica para quem esta com esse probleminha. Fica bem legal se deixa-las totalmente juntas e colocar uma faixinha. Eu achei esse tutorial lá no PE, sinto tanta saudades dele e da  Nik Chan... é um blog que acompanhei desde o inicio. Mas é assim mesmo, infelizmente essas coisas acontecem.

1. Vá ate seu HTML é procure por:

Códigos
/* Widgets
Você vai encontrar algo assim, apague todo ele ate a ultima chave:

.sidebar .widget {


2. Depois de apagar coloquem esse no lugar:

Códigos
.sidebar .widget {   border-bottom: 4px solid #8CA7B7; /* borda dbaixo da caixinha */
  margin: 0px 0px 0px 0px; /* margem entre uma caixa e outra */
  padding:10px; /* espaço entre o texto e as margens */
  background: #FFFFFF; /* cor de fundo das caixas */
  box-shadow: inset 0 0 15px #DCDCDC, 0 0 3px #ccc; /* Sombra */
}

Depois é só arrumar é personalizar como desejarem. A onde esta em vermelho é local que define o tamanho do espaço entre eles. É apenas isso espero que tenham gostado é bem fácil de fazer e arrumar. Ate aproxima amores. Kiss

7 comentários:

  1. Nossa, o tutorial veio em ótima hora. Precisava desse tutorial, como não sei mexer bem com html nem sabia fazer isso. Ainda não consegui fazer por conta das faixinhas mas obrigada ^^

    bloogencantado.blogspot.com

    ResponderExcluir
    Respostas
    1. Hihi que bom! Compreendo bom espero que consiga arrumar do jeitinho que desejar. ^^

      Excluir
  2. Obrigada! Me ajudou muito :)

    ResponderExcluir
  3. Obrigada por gostar e por me colocar, já lhe coloquei nos afiliados também.

    ResponderExcluir
  4. Finalmente achei! Obrigada :3

    ResponderExcluir

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