Feeds RSS
Feeds RSS

Menu horizontal para páginas novas do blogger

51 comentários
Gostaria de passar aos meus visitantes uma dificuldade que senti na criação de novas páginas no blogger e ao adicionar os links no meu horizontal dos meus novos templates.
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;
}

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 -->

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.