• Bem Vindo!

    Seja bem vindo ao Per Voi. Prazer, eu sou a Luh, tenho 28 anos, sou carioca e vascaína. Aqui nesse cantinho você poderá encontrar alguns materiais criados por mim e outros que fui juntando ao longo do tempo, da minha vida virtual. Espero que aproveite bem tudo que estou disponibilizando.
    Não esquecendo é claro de ler os Termos para isso!
    Bjsss Luh Princess

  • Me encontre aqui:

    Mia Vita - Dolce Illusione.com
    Gmail Msn Orkut

  • Calendário

    Agosto 2008
    D S T Q Q S S
    « Mai    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31  

  • Comunidade

  • Enquete

    O que gostaria que tenha no Per Voi?

    Tutoriais para WP
    Temas Free
    Temas Base
    Utilitários
    Scripts
    Gifs e Acessórios
    Lays Free


  • Parcerias

    ~ Drikoti


    Gifs para você!!

  • Estatísticas

    Total de Posts: 95
    Total de Comentários: 38
    Total de Categorias: 16
    Post: É...eu ainda estou viva! o/
    Comentário: patricia
619 VisitasHome » Menu Horizontal
Última Atualização: 15/10/2007 - 03:37:46

Menu Horizontal


Esse código, foi baseado no meu Tema Base 2.1

É o código para você colocar um Menu Horizontal em seu Blog.

No header.php, coloque o código do Menu Horizontal, abaixo de:

<div id="header"></div>

Código do Menu Horizontal.

<div id="menuh">
<ul>
<li><a href="<?php bloginfo('url' ); ?>/">HOME</a>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
<li><a href="http://enderecodapagina" title="TITULODAPAGINA">LINK</a></li>
</ul>
</div>

Configure o código, de acordo com a sua preferência.
Se você deseja conhecer as opções, é só dar uma olhadinha em : Atributos do CSS.

No style.css você poderá configurar através de:

/**************** MENU HORIZONTAL ****************/
#menuh {
list-style: none;
width: 460px;
height: 26px;
float: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;}

#menuh ul {
list-style: none;
width: 100%;
float: left;
padding: 0px;
margin: 0px;
background-color: transparent;
border-bottom: 1px solid #90CEF6;}

#menuh ul li { display: inline; }

#menuh ul li a {
font-family: tahoma;
font-size: 10px;
font-weight: bold;
color: #38A3E6;
text-decoration: none;
text-transform: uppercase;
float: left;
padding: 3px 9px;
background: #E8F5FD;
border: 1px solid #90CEF6;}

#menuh ul li a:hover {
font-weight: bold;
color: #E8F5FD;
background-color: #90CEF6;
border: 1px solid #38A3E6;}
 

Essa página foi desenvolvida por mim. Não redistribua e se utilizar dê os devidos créditos.

Qualquer dúvida, pergunte em Ask-me.




© Dolce Illusione.com/PER VOI εїз | Editado por Luh Princess

Melhor visualização: IE 7.0. | Melhor resolução: 1024 x 768.

Bad Behavior has blocked 265 access attempts in the last 7 days.