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.
Códigos
/* Widgets
Você vai encontrar algo assim, apague todo ele ate a ultima chave:
.sidebar .widget {
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 */
}
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
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 ^^
ResponderExcluirbloogencantado.blogspot.com
Hihi que bom! Compreendo bom espero que consiga arrumar do jeitinho que desejar. ^^
ExcluirObrigada! Me ajudou muito :)
ResponderExcluirPor nada :3
ExcluirObrigada por gostar e por me colocar, já lhe coloquei nos afiliados também.
ResponderExcluirFinalmente achei! Obrigada :3
ResponderExcluirQue bom :3 eu que agradeço.
Excluir