Um exemplo disso é usar valor negativo na margem superior de uma das colunas para fazê-la aparecer mais no alto da pagina do que a outra coluna e as postagens, podendo até ficar como se a coluna se iniciasse ao lado do titulo do blog, mas claro que se fizer isso tem que arrumar o titulo do blog ou a imagem que usa no lugar do titulo para não sobrepor a coluna na imagem. Isso dá um efeito muito legal. Veja na imagem como as colunas estão mais para cima que as postagens.
O código para fazer isso é simples basta colocar junto com o código da coluna margin-top:-320px; então o código da coluna (sidebar) ficará mais ou menos assim:
#sidebar-wrapper {margin-left:20px;margin-top:-320px;
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Claro que a largura (250) e float (right) serão diferentes no seu blog, mas o importante para deixar uma coluna mais para cima que as outras é o trecho margin-top:-320px; depois é só ajustar os valores para o seu blog. Isso pode ser feito em qualquer coluna ou nas postagens. A imagem que usei como exemplo é de um blog que ajudei a modificar há pouco tempo, ele pertence à Graça de Oliveira.
Link para esta página
26 comentários:
Dica bem legal!Obrigado,um abraço,chica
ola bom dia, queria saber mesmo como faço p/ colocar minha imagem como plano de fundo em meu blog....tipo esta ai mas com minha imagem e aonde em qual setor do mesmo???aguardo contato
www.portalromilson.blog.com.br
romilson.lopes@hotmail.com
sobre imagem de fundo temos varias postagens sobre o assunto
http://dicasparablogs.blogspot.com/search/label/Imagem%20de%20Fundo
a imagem de fundo do blog é junto com a tag body.
Dica simples e que faz muito bem ao visual de determinados blogs,
parabéns,
Gustavo.
Cara, eu queria saber se tem como alterar o tamanho da font nos títulos do gadget, tem como fazer isso?
Por favor, se tiver, posta ou entra em contato: umdiarioinsano@gmail.com
Muito boa a tua dica.
Bom fim de semana.
aqui tem como colocar um menu embaixo do titulo
http://dicasparablogs.blogspot.com/2008/05/menu-horizontal.html
sobre mudar a fonte do titulo dos gadgets, entre na pagina editar html e procure por h2{...}, esse é a parte que controla os titulos, então é só colocar font-size: 120%; se quiser em vez de % pode usar pt, assim 14pt
Fabiano, achei o blog de Graça lindo e ha muito tempo procuro como colocar mais uma coluna, assim como o dela e o seu, que tem 3 colunas. Vc pode me ajudar? meu site é salvadornoticias.com mas hospedei no blogspot.
Denise Morais
aqui tem como colocar mais uma coluna
http://dicasparablogs.blogspot.com/2007/12/blog-com-3-colunas.html
se quiser escreva para nosso email, estamos preparando um template para download e se quiser posso enviar para você
nao percebo! quando eu colo um url na mensagem so aparece a imagem em pequena onde e que eu colo o url??? alias eu ainda nem percebi se e 'para colar o url ou outra coisa!!!!!!!!!!1
Gostaria de saber como colocar duas colunas no blog uma do lado esquerdo e outra do lado direito!
Olá! Como sempre pego dicas maravilhosas aqui, agradeço desde de já! Mas , meu estou com o seguinte problema:
Baixei o layout estrelado que é simplesmente perfeito para um dos meus blogs, mas quando tento aumentar a altura da coluna direita com o codigo que voce nos fornece, que inclusive fiz o teste num blog de teste normal oferecido pelo blogger e funcionou perfeitamente, mas no estrelado de 3 colunas não entra de maneira alguma. Pode me ajudar? quero subir até o topo a coluna da direita
Marcia Bispo
o pior que usei aquele modelo como teste para esse código. então era para funcionar normalmente nele, será que não faltou alguma letra ou sinal quando foi colocar o código? detalhes fazem não funcionar.
qual o link do seu que colocou o template? se quiser responda para nosso email contato@dicasparablogs.com.br
Achei Legal essa dica mais naum combinou pra meu blog estão tirei...
http://centralrpgpower.blogspot.com/
Você poderia me ajudar?
Como faço para colocar duas colunas em meu blog?
abraços
veja aqui como colocar mais uma coluna no blog
http://www.dicasparablogs.com.br/2007/12/blog-com-3-colunas.html
Olá!
Gostaria de alguma dica, sobre como faço pra deixar um pedaço da imagem que acompanha o meu título, em cima das colunas.
Se puder me ajudar, fico agradecida, ^^
tem que colocar uma valor negativo na margin das colunas, e claro uma imagem no lugar do titulo do blog que ocupe a largura total dele
Gostaria de cria um blog.
me ajude
como faço?
jessyca.reimberg@gmail.com
aguardo até+
Veja aqui como criar um Blog
Oo problema, é que as minhas colunas SEMPRE ficam em cima da imagem que acompanha o título, :'(:'( =/
Luana Vitória ~
então deve colocar margin no código da sidebar com valor positivo, ao contrario do que mostramos nesta postagem
Como que faço pra conseguir deixar a coluna dos post mais clara que as outras? Como se fosse um efeito chateado?
Fabrih
você poderia definir a cor de fundo em cada sidebar usando background-color:#ffffcc;
mas prefiro usar uma imagem de fundo, veja mais aqui:
Template do Blog, colunas de tamanhos iguais
Postar um comentário