Topo:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GMIjWpcA_wzY_q1ta57p_7S6TUsZGZC7t4edzRfc4RTqCHRkFOaeGlV-OIFyIRNj_u-L3iEzfXdFcJ1iH2wTs_0BMnEioJ1ty1bSjLegFJ_BVydDWCb6zNkdjy8a0zA9gxgUCi-5DeY/s1600/topo.png
meio:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkfQ6kfur7IC7z-gBVSs8hir25P2ehpBUw637yiIQ_EQ4ZhGgdJR1lPpAHXZodW_aK_UnZpDqXcof2f2uv8Ji2tEfBQoKwCHToLjVrtOeNeYxOoGnTymxkxvBZX0ffsGotGKWBpu_Gspg/s1600/meio.png
rodapé:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sy7FuxOgiN3aNim3nlcSSM_VQK2lGSSOHuqLCiWqH5zpmMHlW_uFctZa6adiJdvAlKX7SN0W4FE4H5zMvK3ENstDS88yswgVf4KofuVjRs9w9PDeA_ELlYtgalQVbIy1l0u4mqXt07M/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