Oi pessoas lindas, como vão? Então, estou numa fase "sem criatividade pra postar" e só pra não ficar muito tempo sem post afinal, já faz uma semana que não posto resolvi trazer dois tutoriais bem legais, um de como colocar gadgets acima do cabeçalho, um lugar muito bom pra menus e anúncios e outro de como colocar cada gadget em uma caixa separada, exemplo aqui. Então vamos aos tutoriais?
Elementos acima do cabeçalho
Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Onde está escrito 1 mude pelo numero de gadgets que você quer ver acima do cabeçalho e onde está escrito
'no' troque por yes.
Obs: Mesmo que você queira somente 1 gadget acima do cabeçalho, coloque 2, se quiser 2 coloque 3 e assim por diante, sempre 1 a mais do que o real.
Gadgets separados em caixas
Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:
/* Widgets
E antes de fechar } cole o seguinte código:
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 ----*/ (tira)box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/ (tira)
Se você quiser da pra trocar a cor da caixa (trocando #fff pela cor que desejar), mudar os valores de padding, remover a sombra da caixa e as bordas arredondadas apagando a linha das mesmas como também da pra personalizar a borda e a sombra (veja como neste documento aqui).
Certamente quando você visualizar vai ficar com o fundo original da sua coluna por trás da caixinha, assim:
Para resolver isso é bem simples, vá em Design > Designer do modelo > Avançado > Plano de fundo da barra lateral e deixe transparente como mostra a imagem abaixo:
Feito isso você vai ver que o fundo de trás saiu, assim:
E tharãn, ta pronto!
Espero que tenham gostado, e não deixem de me dar ideias de posts o/ rsrs
Beijos, fiquem com Deus.
http://goimagines.blogspot.com.br/2012/01/elementos-acima-do-cabecalho-gadgets.html
http://goimagines.blogspot.com.br/2012/01/elementos-acima-do-cabecalho-gadgets.html
0 Comentários