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 + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' 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
Oi,
ResponderExcluirEdi,
legal essa dica. Valeu!
Bjus
Edilene, é difícil te acompanhar com tantos blogs, menina... Estou curtindo os tutoriais e indicando este blog para um reconhecimento. Passa lá...
ResponderExcluirobrigada
ResponderExcluirJosy
BLOG DO PROFEX ,
ResponderExcluirkkk
o negócio entao é me acompanhar
kkk
Parabéns post utilitário de grande valia para um blogueiro.!.
ResponderExcluirCombinado minha amiga!!!
ResponderExcluirBoa 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!!!
Minhas Poesias Irradiantes ,
ResponderExcluirobrigada !