menu horizontal

menu horizontal

Esse menu está visível no topo desse meu blog

►O presente tutorial; favor num copiar,
deu trabalho;
...caso copie,
cite  devidos créditos e fontes...

:)

"Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo."

"...esse tutorial se aplica ao modelo "MÍNIMA" do Blogger."

"A primeira coisa a fazer 
é ir até o HTML do seu blog."


"A segunda coisa a fazer é 
salvar uma cópia de seu template, caso não dê certo,
reinstale o template e inicie o processo."


♥ procure pelo código:

#sidebar-wrapper {        
width:305px;                  
float:right;                      
word-wrap:break-word;
overflow:hidden;           
}                                       

e,  
cole , abaixo dele ▲

o código que segue:▼


ul.topnav {
list-style:none;
padding:0;
margin:0;
float:left;
width:975px;
background:url(endereço aonde voce hospedou a imagem de fundo do menu);
height:38px;
font-size:11px;
text-transform:uppercase;
}

ul.topnav li {
float:left;
margin:0;
padding:5px 0 0 20px;
}

ul.topnav li a {
margin-top:2px;
display:block;
text-decoration:none;
float:left;
padding:5px 10px;
color:#FFF;
background:#2F0B00;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border:1px solid #701800;
}

ul.topnav li a:hover {
background:#841c00;
border:1px solid #2F0B00;
text-decoration:none;
}

h2.date-header {
color:#A5A5A5;
font-size:10px;
margin-left:20px;
} 

>>> sendo que:

-o que está em vermelho pode ser mudado a teu critério;

- o que está em verde,

vem a ser o endereço do plano de fundo, que você prefira.

SALVE!


...agora,

procure o seguinte código:


  <div id='content-wrapper'>










e  

cole acima dele ▲




o código a seguir ▼


<ul class='topnav'>
            <li><a class='home' expr:href='data:blog.homepageUrl'>
Home</a></li>
            <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
            <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
            <li><a href='http://www.blogger.com/' title='Blogger'>Blogger</a></li>

</ul>


      <div class='clear'/>

Pronto,

Salve!

...espero que tenha ajudado
:)

e.t.:

esse menu está visível no topo desse meu blog

Share on Google Plus

About flo

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.