08/02/2014

Tutorial: 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:
/* Widgets
Você vai encontrar algo assim, apague todo ele ate a ultima chave:

.sidebar .widget {

2. Depois de apagar coloquem esse no lugar:
.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 minna espero que tenham gostado é bem fácil de fazer e arrumar. Ate aproxima amores. Kiss

8 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. Adorei o tutorial amor, já te coloquei de afiliada ok?

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

      Excluir
  3. Obrigada! Me ajudou muito :)

    ResponderExcluir
  4. Finalmente achei! Obrigada :3

    ResponderExcluir
    Respostas
    1. Que bom :3 eu que agradeço.

      Excluir