Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

deckards2bibi

[Resolvido] menu com id

Por , em Desenvolvimento frontend

Recommended Posts

deckards2bibi    1

deckards2bibi
Postado

bom fiz um menu e ele tem um efeito de delay

é um menu que nem o do globo esporte

 

segue o codigo

 

menu

 

  <div id="menu">
   <ul>
     <li><a href="#">Cadastro</a></li>
     <li><a href="#">Quem Somos</a></li>
   </ul>
 </div><!-- fim menu -->

 

 

css

 

#menu{
border-top:3px solid #fff;
background:#CCCC66;
width:900px;
float:left;
}

#menu ul{
list-style:none;
}

#menu ul li{
float:left;
display:inline;
margin:0 0 2px 0;
padding:5px 0 0 0;
text-transform:uppercase;
}

#menu ul li a{
text-decoration:none;
color:#333;
border-top:3px solid #fff;
padding:5px 10px 0 10px;
font-weight:bold;
}

#menu ul li a:hover{
color:#fff;
border-top:3px solid #000;
-moz-transition: border-top 0.5s ease-in 0s;
-webkit-transition: border-top 0.5s ease-in 0s;
transition: border-top 0.5s ease-in 0s;
}

#menu ul li a:hover{
color:#fff;
border-top:3px solid #000;
-moz-transition: border-top 0.5s ease-in 0s;
-webkit-transition: border-top 0.5s ease-in 0s;
transition: border-top 0.5s ease-in 0s;
}

 

bom se perceberem o menu faz um efeito no border-top

 

mas se colocar o menu para redirecionar uma parte mas abaixo do meu site com

#abaixo

este efeito para

 

alguem poderia me da uma ajuda sei que é css

mas no momento nao ta saindo nada da cabeça

 

nessa linha aqui gente

 

<li><a href="#Qsomos">Quem Somos</a></li>

ela nao ira fazer o efeito

mas ele desse pra onde eu quero mas o efeito eu pergo

Compartilhar este post

Link para o post
Compartilhar em outros sites

deckards2bibi    1

deckards2bibi
Postado

bom se voce usar isso ele iria descer para um id que tenho denominda de #Qsomos

onde nela ta as informações das empresas entende.

 

bom e nesse menu tem um efeito de quando você passa o mouse em cima o over sofre um delay no border-top onde vai aparecendo divagar o border-top

 

so que quando uso o id

no menu esse efeito nao funciona entende

Compartilhar este post

Link para o post
Compartilhar em outros sites

deckards2bibi    1

deckards2bibi
Postado

ja usei o chrome e o firefox

bom vamos la

 

se vcs perceberam o efeito que ocorre legal

vai rolar o efeito pq ele nao ta com id

 

mas se por assim

<a href="#Qsomos">Quem somos</a>

 

o efeito no menu quem somos vai sumir desaparecer entende gente

 

criem uma div

Qsomos e poe mas bem abaixo do menu

ela vai direcionar para essa div sim no navegador mas o

efeito so na parte do quem somos nao ira funcionar.

 

bom gente nao sei oque ocorre

eu usei em casa e nao funcionou na empresa

pegou

sem eu fazer alteração nenhuma

 

complicado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

mas se por assim

<a href="#Qsomos">Quem somos</a>

 

o efeito no menu quem somos vai sumir desaparecer entende gente

 

criem uma div

Qsomos e poe mas bem abaixo do menu

 

Foi o que eu fiz. E deu certinho.

 

 

<!DOCTYPE HTML>
<html lang="pr-BR" xmlns="http://www.w3.org/1999/html">
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
           #menu{
               border-top:3px solid #fff;
               background:#CCCC66;
               width:900px;
               float:left;
           }

           #menu ul{
               list-style:none;
           }

           #menu ul li{
               float:left;
               display:inline;
               margin:0 0 2px 0;
               padding:5px 0 0 0;
               text-transform:uppercase;
           }

           #menu ul li a{
               text-decoration:none;
               color:#333;
               border-top:3px solid #fff;
               padding:5px 10px 0 10px;
               font-weight:bold;
           }

           #menu ul li a:hover{
               color:#fff;
               border-top:3px solid #000;
               -moz-transition: border-top 0.5s ease-in 0s;
               -webkit-transition: border-top 0.5s ease-in 0s;
               transition: border-top 0.5s ease-in 0s;
           }

           #menu ul li a:hover{
               color:#fff;
               border-top:3px solid #000;
               -moz-transition: border-top 0.5s ease-in 0s;
               -webkit-transition: border-top 0.5s ease-in 0s;
               transition: border-top 0.5s ease-in 0s;
           }

           .clear {
               clear: both;
           }
       </style>
   </head>
   <body>
       <div id="menu">
           <ul>
               <li><a href="#">Cadastro</a></li>
               <li><a href="#teste">Quem Somos</a></li>
           </ul>
       </div><!-- fim menu -->

       <div class="clear">
           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

           <p>Hey there where ya goin', not exactly knowin', who says you have to call just one place home. He's goin' everywhere, B.J. McKay and his best friend Bear. He just keeps on movin', ladies keep improvin', every day is better than the last. New dreams and better scenes, and best of all I don't pay property tax. Rollin' down to Dallas, who's providin' my palace, off to New Orleans or who knows where. Places new and ladies, too, I'm B.J. McKay and this is my best friend Bear.</p>

           <p>Knight Rider, a shadowy flight into the dangerous world of a man who does not exist. Michael Knight, a young loner on a crusade to champion the cause of the innocent, the helpless in a world of criminals who operate above the law.</p>

       </div>

       <div id="teste">
           teste
       </div>
   </body>
</html>

 

fading.png

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito