O que na verdade não ficavam na horizontal e sim um embaixo do outro, levou-me então a pesquisar.
É isso como adiconar um menu para criação de novas páginas.
Começo pelo style.
Adicione então ao css do seu template estes códigos:
#pagemenucontainer {
height: auto;
padding-left: 10px;
}
#pagemenu {
height: auto;
}
#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
margin-bottom: 3px;
}
#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px
}
#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px 6px 0 0px;
}
#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0;
}
#pagemenu li a, #pagemenu li a:link {
color: #c6cbe3;
display: block;
margin: 0;
padding: 12px 10px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#pagemenu li a:hover, #pagemenu li a:active{
color: #fff;
display: block;
text-decoration: none;
}
#pagemenu li.current_page_item a {
color:#fff;
}
#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}
height: auto;
padding-left: 10px;
}
#pagemenu {
height: auto;
}
#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
margin-bottom: 3px;
}
#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px
}
#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px 6px 0 0px;
}
#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0;
}
#pagemenu li a, #pagemenu li a:link {
color: #c6cbe3;
display: block;
margin: 0;
padding: 12px 10px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#pagemenu li a:hover, #pagemenu li a:active{
color: #fff;
display: block;
text-decoration: none;
}
#pagemenu li.current_page_item a {
color:#fff;
}
#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}
Coloque acima dos códgigos : <div id='main-wrapper'>
<!-- inicio Page -->
<div class='span-24'>
<div class='span-17'>
<div id='pagemenucontainer'>
<ul id='pagemenu'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
</ul>
</div>
</div>
</div>
<!-- fim /Page -->
<div class='span-24'>
<div class='span-17'>
<div id='pagemenucontainer'>
<ul id='pagemenu'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
</ul>
</div>
</div>
</div>
<!-- fim /Page -->
Dois novos templates para vocês, que espero que gostem, atendendo a pedidos de alguns visitantes, o clean semelhante com alguns para wordpress:
Obs: O template clean se retirarem a imagem que esta entre os códigos aparecerá o título original do blogger, caso não queiram usar o logo colocado no lugar do título.






