Topo:
http://4.bp.blogspot.com/-ocBatoEYd8Y/UASSquNuBnI/AAAAAAAAANk/-VLWRdS8-CA/s1600/topo.png
meio:
http://1.bp.blogspot.com/-UY4aEl24PqQ/UASSjyM6VQI/AAAAAAAAANc/d-KQFVIWO6M/s1600/meio.png
rodapé:
http://1.bp.blogspot.com/-3bmEQCM2_CY/UASS0b0f3pI/AAAAAAAAAN0/fAJpYiJsLTo/s1600/footer.png
primeiro procure por :
#header-wrapper
abaixo acrescente :
background:url(o url da imagem do header)no-repeat;
height:XXpx;
altere o " XX" pela altura da imagem
e o width,pela largura
da um visualizar e veja o header ja instalado
vamos agora procurar por
#outer-wrapper
abaixo acrescente :
background:url(url da imagem do outher)repeat-y;
altere o width para a largura da imagem.
OBS:Não coloque o height ,por que a imagem vai repetir.
por fim,procure por:
#footer
abaixo acrescente :
background:url(imagem do footer)no-repeat;
height: XXpx;
troque o "XX" pela altura
e no width,troque pela largura.
extra : vou colocar como retirar aquelas bordas das sidebares e do post
procure por :
border-bottom:1px dotted $bordercolor;
apage essa linha.
agora procure novamente por essa linha,e apague outra vez...
agora visualize,e veja que esta sem as bordas.
0 comentários:
Postar um comentário