Modelo d/ menu p header

Bons dias saudades de vir partilhár os meus gostos e conhecimentos,eu tive acidente de trabalho e n-ao conseguia sequer visualizár a tela do pc ,mas td está voltando ao normal.
Eu trouxe um novo modelo de menu como mostra a imagem acima.
Veja online:  ENTRE AQUI...
Entre no esquema de seu template e adicione um gadget html/javascript e cole meu código:

<style>
#btuga-menu {
width:100%;
margin-top:33px;
padding:0;
text-align:left;
float:left;
}
#btuga-menu ul {
list-style:none;
margin:0;
padding:0;
padding-bottom:3px;
}
#btuga-menu li {
display:inline;
margin:0;
padding:0;
}
#btuga-menu li a, #btuga-menu li a:visited {
 z-index:100;
 margin: 0;
 padding:0 14px 10px 14px;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 25px; font-family: Impact;
 color: #f273b0; border-bottom: 4px double #f273b0;
}
#btuga-menu li.current_page_item a { border-color: #f273b0; }
#btuga-menu li a:hover  { border-color: #85f273;  }
#btuga-menu li.indice a  { color: #85f273; background: url(http://i.imgur.com/MFSpFqW.png?1) no-repeat right 1px; }
#btuga-menu li.indice a  { padding-right: 40px; }
#btuga-menu li.indice  :hover { color: #f273b0; background: url(http://i.imgur.com/Jw5NJbX.png?1) no-repeat right 1px; }
#btuga-menu li.indice  :hover { padding-right: 40px; }
</style> <div id='btuga-menu'>
<ul>
<li class='current_page_item'><a href='/'>INICIO</a></li>
<li><a href='#'>RECENTE</a></li>
<li><a href='#'>CONTATO</a></li>
<li><a href='#'> AJUDA</a></li>
<li class='indice'><a href='#' title='SITEMAPA'>INDICE</a></li>
</ul>
</div>

Simples agora procure isto # e coloque seu link...

Vou deixár uma dica para colocar este menu de outra forma:
Visualize aqui : ENTRE AQUI...
Entre no painel do seu blog depois em modelo e click editar html e procura este código;

Agora acima dele coloque este meu código:

#btuga-menu {
width:60%;
margin-top:33px;
padding:0;
text-align:left;
float:left;
}
#btuga-menu ul {
list-style:none;
margin:0;
padding:0;
padding-bottom:3px;
}
#btuga-menu li {
display:inline;
margin:0;
padding:0;
}
#btuga-menu li a, #btuga-menu li a:visited {
 z-index:100;
 margin: 0;
 padding:0 14px 10px 14px;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 25px; font-family: Impact;
 color: #f273b0; border-bottom: 4px double #f273b0;
}
#btuga-menu li.current_page_item a { border-color: #f273b0; }
#btuga-menu li a:hover  { border-color: #85f273;  }
#btuga-menu li.indice a  { color: #85f273; background: url(http://i.imgur.com/MFSpFqW.png?1) no-repeat right 1px; }
#btuga-menu li.indice a  { padding-right: 40px; }
#btuga-menu li.indice  :hover { color: #f273b0; background: url(http://i.imgur.com/Jw5NJbX.png?1) no-repeat right 1px; }
#btuga-menu li.indice  :hover { padding-right: 40px; }

Agora procure este código e abaixo dele cole meu codigo:

Abaixo do código sublinhado a vermelho coloque este meu código como mostra a imagem:

<div id='btuga-menu'>
<ul>
<li class='current_page_item'><a href='/'>INICIO</a></li>
<li><a href='#'>RECENTE</a></li>
<li><a href='#'>CONTATO</a></li>
<li><a href='#'> AJUDA</a></li>
<li class='indice'><a href='#' title='SITEMAPA'>INDICE</a></li>
</ul>
</div>

E foi esta a 2 forma aplicár este menu procure isto # e troque pelos seus links ...
Espero têr ajudado até mais.

Modelo d/ menu p header

► 0

► menus

► Cartita