Olá pessoal, hoje trago um tutorial que me foi pedido nos comentários. Este tuto vai
deixar os gadgets de sua sidebar separadas, como se fossem caixinhas.
primeiro temos que deixar o fundo da sidebar em transparente..
Vá em modelo > personalizar > e veja o print pra ver onde vc tem que clicar
 |
| CLIQUE PARA VER EM TAMANHO NATURAL |
Salve!
Agora vá em modelo, editar html
Procure pela tag : /* Widgets
Quando encontrar coloque o código abaixo antes de fachar a chave }
background:#fff;
border-bottom:5px #COR DA BORDA solid;
margin:15px 0 !important;
border-radius:0 0 0 0;
padding:10px;
box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;
overflow:hidden
}
O que faz separar os gadgets é a margin-por isso não mexa.
Se quiser mude a cor, espessura e tipo de borda.
Arredonde as bordas se preferir em border-radius
Visualize, se estiver de seu agrado salve.
Já conhecia o tutorial. Acho que é essencial, o resultado fica lindo *--*
ResponderExcluirAdorei as bordas, fica diferente !
~kiss
CS ♥
Fico feliz que tenha gostado.
ExcluirMas tem modelos que não funcionam, qual é o seu ?
ResponderExcluirEliane, os tutoriais aqui postados são do modelo travel.
Excluirqual modelo é esse?
ResponderExcluirFelipe, este modelo de layout é o travel.
ExcluirTeria como fazer um desse com o modelo Janela de imagens?
ResponderExcluirFelipe, no html de seu blog procure por:
Excluir/* Widgets
----------------------------------------------- */
abaixo coloque:
.widget{
background:#fff;
margin: 10px 0;
}
Oiee... tudo bem?
ResponderExcluirColoquei no meu blog e adorei o resultado! Mas estou com um problema... A minha sidebar não fica transparente!! Ela fica com "transparência" e fica aparecendo...
E também estou achando as caixinhas muito estreitas e longe da área de postagens!
Como consigo arrumar isto?
Desde já agradeço demais sua atenção! =D
http://leticiaeeduardonaaustralia.blogspot.com.br/
Letícia, coloque na sua área da sidebar:
Excluirpadding: 5px 5px 10px 5px;
margin: 5px 5px 10px 5px;
Se sua sidebar já tiver margin e padding corrija.
Obrigada! Sério fiquei procurando por isso um tempão, e nenhum dos tutoriais funcionavam! <3 Beijão! www.infectedbyculture.blogspot.com.br
ResponderExcluir