Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

31/07/2013

Colocar Banner Por Cima da Área das Postagens

Olá pessoal *-*, agora vou ensinar, como colocar um banner (ou uma imagem), por cima da área das postagens, como tenho aqui no blog (imagem).
Antes de começares as edições no html do blog, deves primeiro deves fazer o teu banner (de preferência da largura da tua área de postagens; e da altura que quiseres).
Depois de teres o banner feito, vamos supor que a largura dele é de 500px e a altura é de 200px.
Primeiro, temos de descer a tua área de postagens 200px, visto que a altura que definimos para o banner foi de 200px. Para fazeres isso segue o tutorial abaixo.
No painel, vai a design → editar html → aperta F3 e procura pela seguinte tag:
.main-inner .column-center-outer {
Depois de encontrares a tag acima, cola abaixo dela o seguinte código:
margin-top: 200px;
O valor a negrito, será o valor da ALTURA do teu banner. Depois do passo acima feito, procura pela tag seguinte:
<div class='columns fauxcolumns'>
E abaixo dela, cola o seguinte código.
<center><a href='/'><img src='LINK_DO_BANNER' style='margin-top: -500px; margin-bottom: -200px;'/></a></center>

Mais uma vez, terás de alterar as medidas que estão no código, de acordo com as medidas do teu banner.

Pronto *-*, espero que tenhas entendido, caso contrário, manda uma ask (na aba: pergunta).
Este tutorial foi feito por mim, não reblogues.

0 Comentários

« »