Páginas

O que você procura? Pesquisar ▼

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

7 comentários:

Josy Nunes disse...

Oi,
Edi,
legal essa dica. Valeu!
Bjus

BLOG DO PROFEX disse...

Edilene, é difícil te acompanhar com tantos blogs, menina... Estou curtindo os tutoriais e indicando este blog para um reconhecimento. Passa lá...

edilene - amor disse...

obrigada
Josy

edilene - amor disse...

BLOG DO PROFEX ,
kkk
o negócio entao é me acompanhar
kkk

Minhas Poesias Irradiantes disse...

Parabéns post utilitário de grande valia para um blogueiro.!.

Dú Pirollo disse...

Combinado minha amiga!!!
Boa noite Edilene!!!
Dica muito boa para os que pretendem colocar um menu horizontal no blog...
Parabéns pela excelente postagem!!!
Beijos e muitas alegrias em sua vida!!!

edilene - amor disse...

Minhas Poesias Irradiantes ,

obrigada !

Postar um comentário

Mensagem do formulário de comentário:

 
|template by ebds|http://muitogente.blogspot.com|