1 - faz o template
2 - salve e hospede as imagens
3 - tamanho das imagens - width: height:
3 - edite o codigo
4 - procure por:
#header-wrapper {
altere o tamanho do width pelo largura do seu site
apague a margin e apague a border
salve
5- procure por:
#outer-wrapper {
altere o tamanho do width pelo largura do seu site
padding: 0px
6-procure por:
#footer {
altere o tamanho do width pelo largura do seu site
7-procure por:
#main-wrapper {
altere o tamanho do width pelo largura do seu main sidebar
8-procure por:
#sidebar-wrapper {
altere o tamanho do width pelo largura do seu sidebar
9-procure por:
border e apague este trecho "border-bottom:1px dotted $bordercolor;"
" border:1px solid $bordercolor;" "border-bottom:1px dotted $bordercolor;"
"border: 1px solid $bordercolor;"
10-procure por:
<div id='header-wrapper'>
neste trecho: <b:widget id='Header1' locked='true' title='blog de testes (Cabeçalho)' type='Header'>
altere true para false
va no layout e exclui o cabeçalho
11- procure por e deixe ele assim:
#header-wrapper {
background:url('url do cabeçalho') no-repeat;
width:largura do seu blog ou banner px;
height:altura do seu banner px;
margin:0 auto 0px;
}
12- procure por :
#header {
apague a borda e deixe a margem com 0px
13- procure por:
#sidebar-wrapper {
background: url('url da imagem') no-repeat;
width: largura da sidebar px;
hight: altura da sidebar px;
float: $endSide;
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 */
}
13- procure por:
#main-wrapper {
background: url('url da imagem') no-repeat;
width: largura da sidebar px;
hight: altura da sidebar px;
float: $startSide;
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 */
}
