Páginas

O que você procura? Pesquisar ▼

Mostrando postagens com marcador tutorial. Mostrar todas as postagens
Mostrando postagens com marcador tutorial. Mostrar todas as postagens

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!

http://muitogente.blogspot.com.br/2010/10/menu-horizontal.html

...espero que tenha ajudado
:)


e.t.:
esse menu está visível no topo desse meu blog
+++Leia Mais+++ ►
 
|template by ebds|http://muitogente.blogspot.com|