Menu Horizontal RollDown 1/3

Por ---Tags:

Abaixo edite as colunas com os termos necessários...

<style type='text/css'>
#menu{
background-image:url(Fundo do menu);
width:100%;
height:50px;
padding:6px;
text-align:center;
position:fixed;
top:0px;
left:0px;

z-index:8888;
}
#menu .content{
width:1024px;
position:relative;
left:50%;
margin-left:-512px;
margin-top:5px;
}
#menu ul{
margin:4px;
padding:0;
padding-bottom:20px;
}
#menu li{
display:inline;
list-style:none;
padding-bottom:20px;
}
#menu li a{
margin-top: 40px;
color:#000;
padding:40px;
padding-bottom:60px;
font-family:Calibri;
font-size:17px;
text-decoration:bold;
z-index:9999;
}
#menu input[type='text']{
background-color:#ffffff;
border:1px solid #ffffff;
height: 40px;
color:#fff;
font-family:Calibri;
font-size:40px;
color:#DDDDDD;text-shadow: 0 0 3em #002146;
padding:3px;
border-radius:40px;
outline:none;
margin-top: -2px;
margin-left: 80px;
}
#menu li a:hover{
color:#ffffff;
padding-bottom:30px;
transition:ALL 0.3s ease;
}
</style>



<div id='menu'>

<div class='content'>
 <ul style='float:left;'>
    <li><div style='position: relative; top: -12px; left: -7px; '><a href='Link da página inicial'><img src="URL da logotipo"/></a></div></li></ul>
  <ul style='float:right;'>
    <li><a href='Link 1'>Nome 1</a></li>
    <li><a href='Link 2'>Nome 2</a></li>
    <li><a href='Link 3'>Nome 3</a></li>
    <li><a href='Link 4'>Nome 4</a></li>
    <li><a href='Link 5'>Nome 5</a></li>

 
© 2019 - Turma do Selo. Todos os direitos reservados.
Template feito por Argus de Oliveira (PoloWave). Créditos a Mago pelo HTML.