Codificando um template - PSD #codigo

 

Yoo~~

post muito rapido e simples, apenar que tema travel é dificil de concertar, estou com tutorial do tema simples, lá é facil, então bora la? 

clica em leia mais~~

Encontre /* Content ou body {; em background coloque a URL da imagem do meio, assim:

body {

  font: $(body.font);

  color: $(body.text.color);

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutO9JM5CGjmaCB4OhC3VFt4n8tFG29ULk68_ZWGkc0VujiSSCBFfppe7K3L7mlEneKbyAChmmRs1IRQV-C6RutEA6bmCWx8hSkouucx-ZLdO4wnAbyLP8mQfyTA4NnGLtEqIIjGy9HM8/s1600/meio.jpg')repeat;

  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

  $(body.background.override)

}

Procure por /* Header ou header-outer, e mude tudo o que houver em header-outer para:

.header-outer {

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7f1N8_y8RMN9lpGcdtGLNWMxFa6oJZHXpUpcNUiMq3_MkqdqhOx-BkUxEmDYQ6UN4LTNq7kisyVGzkK7f5qokBVbslMlPnR6IdzKiue_DlaMCSdwKwj2AeIakPnLgFdSodFWw77d3dWQ/s1600/topo.jpg') no-repeat top center;

  width: 980px;/*largura*/

  height: 379px;/*altura*/

  margin: 0;

  left: -33px;/*mover para esquerda ou direita dependendo do valor positivo ou negativo que usar*/

  padding: 0;

  top: -60px;/*mover mais para o topo ou mais afastado do topo dependendo do valor positivo ou negativo que usar*/

}

 Encontre .footer-outer e deixe assim:

.footer-outer {

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR0APjMyf-koH1LOj_Cq81NHMp6j6wrg1QaZtYhq-k7SZh_7kSen7QN6pVkWc13MSL6cC__lKxLZ_vVJ54mfVR4n49oxH3cYsfsol_H6iqWPqXuGGp3WSiNIyWXGEbxZ48LTx2bfrClWE/s1600/rodape.jpg') no-repeat center;

  width: 980px;/*largura*/

  height: 124px;/*altura*/

  margin: 0;

  left: -33px;/*mover para esquerda ou direita dependendo do valor positivo ou negativo que usar*/

  padding: 0;

  bottom: -60px;/*mover mais para baixo ou não dependendo do valor positivo ou negativo que usar*/

}