Páginas

O que você procura? Pesquisar ▼

"Política de Privacidade - Google AdSense"

Política de  Privacidade - Google AdSense
+++Leia Mais+++ ►

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

humor

Recado Para Orkut - Animados Engraçados: 1
Novo Orkut: Clique no botão HTML antes de colar o código


Recado Para Orkut - Animados Engraçados: 2
Novo Orkut: Clique no botão HTML antes de colar o código

Recado Para Orkut - Animados Engraçados: 3
Novo Orkut: Clique no botão HTML antes de colar o código

Recado Para Orkut - Animados Engraçados: 4
Novo Orkut: Clique no botão HTML antes de colar o código

Recado Para Orkut - Animados Engraçados: 5
Novo Orkut: Clique no botão HTML antes de colar o código

Recado Para Orkut - Animados Engraçados: 6
Novo Orkut: Clique no botão HTML antes de colar o código

Recado Para Orkut - Animados Engraçados: 7
Novo Orkut: Clique no botão HTML antes de colar o código

Enviar para todos amigos do Orkut     Enviar por E-Mail


fonte:
http://www.recadosonline.com
+++Leia Mais+++ ►

♥ visitas ♥

♥ visitas ♥
+++Leia Mais+++ ►
 
|template by ebds|http://muitogente.blogspot.com|