#sidebar5 {
float: left;
width: 440px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
margin-top:0px;
margin-left:0px;
}
.sidebar5 h2 {
padding:19px 0 0px 40px;
color:#fff;
text-shadow:1px 1px #;
font: bold 18px sans-serif, sans-serif, sans-serif, sans-serif;
overflow: hidden;
background: url( URL da Imagem Topo Da Sidebar ) no-repeat;
height:90px;
}
#sidebar5 .widget-content{
background: url( URL da Imagem Meio Da Sidebar ) repeat-y;
padding:0px 15px 0px 15px;
}
#sidebar5 .widget {
margin:0px 0px 30px 0px; padding:0px 0px 110px 0px; background: url( URL da Imagem Fim Da Sidebar ) no-repeat bottom left;
}
Cole O Codigo Acima Antes de ]]
--------------------------------------------------------------------------
Cole o Codigo Abaixo Acima Da Sidebar Lateral
<div id='sidebar5 section'>
<div class='sidebar5 section section' id='sidebar5'><div class='widget HTML' id='HTML1'>
<h2 class='title'>OTÍTULO</h2>
<div class='widget-content'>
Aqui Vc Escreve o Que Quiser
</div></div></div></div></div></div>
float: left;
width: 440px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
margin-top:0px;
margin-left:0px;
}
.sidebar5 h2 {
padding:19px 0 0px 40px;
color:#fff;
text-shadow:1px 1px #;
font: bold 18px sans-serif, sans-serif, sans-serif, sans-serif;
overflow: hidden;
background: url( URL da Imagem Topo Da Sidebar ) no-repeat;
height:90px;
}
#sidebar5 .widget-content{
background: url( URL da Imagem Meio Da Sidebar ) repeat-y;
padding:0px 15px 0px 15px;
}
#sidebar5 .widget {
margin:0px 0px 30px 0px; padding:0px 0px 110px 0px; background: url( URL da Imagem Fim Da Sidebar ) no-repeat bottom left;
}
Cole O Codigo Acima Antes de ]]
--------------------------------------------------------------------------
Cole o Codigo Abaixo Acima Da Sidebar Lateral
<div id='sidebar5 section'>
<div class='sidebar5 section section' id='sidebar5'><div class='widget HTML' id='HTML1'>
<h2 class='title'>OTÍTULO</h2>
<div class='widget-content'>
Aqui Vc Escreve o Que Quiser
</div></div></div></div></div></div>
Eaew Pessoal Hoje Vou Ensinar Como Tirar Borda Do Hader
1- Vamos em Design > Editar HTML;
2- Procure pelo código:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
3- Encontramos as bordas. Agora iremos excluí-las (sim, os dois trechos em laranja).
Vai ficar assim:
#header-wrapper {
width:660px;
margin:0 auto 10px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}
4- Visualize e se estiver tudo Ok salve. Pronto, agora temos um template otimo para ser personalizado sem as bordas indesejadas.
CREATNS EVOLLUTION