Jump to content

  2. →
  3. →

Photo

Menu Com Links

Started By Vinicius.f, 15/07/2005, 18:25

  • Faça o login para participar
4 replies to this topic

#1 Vinicius.f

Vinicius.f

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 15/07/2005, 18:25

Boa Noite Pessoal,

Gostaria de uma ajuda.
Se por um acaso aguem sabe como faço para criar um menu daqueles tipo qdo vc passa o mouse em cima de uma palavra, logo abaixo dessa palavra abre um menu com alguns links.

Se alguem souber de algum código já pronto.

Agradeço muito,


Um abraço a todos.

Vinicius :huh:

#2 replay

replay

    Agora a vida começa...

  • Usuários
  • 421 posts
  • Sexo:Não informado

Posted 16/07/2005, 16:37

Essse tipo de menu se chama drop down ja temos varios topicos com esse assunto ... mas ai vai um codigo de facil manejo que usa tabelas ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="Microsoft FrontPage 5.0">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<STYLE type=text/css>
.estilo1{
font-family: Arial;
font-size: 12px;
background: whitesmoke;
color: black;
}
.estilo2{
font-family: Arial;
font-size: 12px;
background: gray;
color: white;
}
</STYLE>

<TABLE borderColor=silver cellSpacing=0 cellPadding=3 border=1>
<TR>
 <TD class=estilo1 onmouseover="this.className='estilo2'; layer_menu_1.style.display=''" onmouseout="this.className='estilo1'; layer_menu_1.style.display='none'">
  <SPAN style="WIDTH: 100%; CURSOR: hand" onclick="window.open('artigo_466.asp?categoria=1','_self')">Artigos</SPAN>

  <!-- INICIO Subcategorias da categoria -->
  <DIV id=layer_menu_1 style="DISPLAY: none; Z-INDEX: 1; POSITION: absolute; left:10; top:39" onmouseout="this.style.display='none'">
   <TABLE borderColor=silver cellSpacing=0 cellPadding=3 border=1>
    <TR>
     <TD class=estilo1 onmouseover="this.className='estilo2'" onmouseout="this.className='estilo1'">
      <SPAN style="WIDTH: 100%; CURSOR: hand" onclick="window.open('artigo_466.asp?categoria=1&amp;subcategoria=10','_self')">Formulários </SPAN>
     </TD>
    </TR>
    <TR>
     <TD class=estilo1 onmouseover="this.className='estilo2'" onmouseout="this.className='estilo1'">
      <SPAN style="WIDTH: 100%; CURSOR: hand" onclick="window.open('artigo_466.asp?categoria=1&amp;subcategoria=8','_self')">Funções</SPAN>
     </TD>
    </TR>
    <TR> 
     <TD class=estilo1 onmouseover="this.className='estilo2'" onmouseout="this.className='estilo1'">
      <SPAN style="WIDTH: 100%; CURSOR: hand" onclick="window.open('artigo_466.asp?categoria=1&amp;subcategoria=9','_self')">Variáveis</SPAN>
     </TD>
    </TR>
   </TABLE>
  </DIV>
  <!-- FIM Subcategorias da categoria -->
 </TD>

 <TD class=estilo1 onmouseover="this.className='estilo2'; layer_menu_2.style.display=''" onmouseout="this.className='estilo1'; layer_menu_2.style.display='none'">
  <SPAN style="WIDTH: 100%; CURSOR: hand" onclick="window.open('artigo_466.asp?categoria=2','_self')">Tutoriais</SPAN>

  <!-- INICIO Subcategorias da categoria -->
  <DIV id=layer_menu_2 style="DISPLAY: none; Z-INDEX: 1; POSITION: absolute; left:56; top:40" onmouseout="this.style.display='none'">
   <TABLE borderColor=silver cellSpacing=0 cellPadding=3 border=1>
    <TR>
     <TD class=estilo1 onmouseover="this.className='estilo2'" onmouseout="this.className='estilo1'">
      <SPAN style="WIDTH: 100%; CURSOR: hand" onclick="window.open('artigo_466.asp?categoria=2&amp;subcategoria=15','_self')">ASP </SPAN>
     </TD>
    </TR>
    <TR>
     <TD class=estilo1 onmouseover="this.className='estilo2'" onmouseout="this.className='estilo1'">
      <SPAN style="WIDTH: 100%; CURSOR: hand" onclick="window.open('artigo_466.asp?categoria=2&amp;subcategoria=16','_self')">VBScript</SPAN>
     </TD>
    </TR>
   </TABLE>
  </DIV>
  <!-- FIM Subcategorias da categoria -->
 </TD>
</TR>

</TABLE>

</BODY>
</HTML>

Valeu :P
Não me adicione no MSN pq eu não vo te ajuda... se insistir eu vo ser grosso!!!
Ta com dúvida pergunta aqui no fórum...
Grato

#3 ccgdbz1

ccgdbz1

    12 Horas

  • Usuários
  • 182 posts
  • Sexo:Não informado
  • Localidade:Floripa - SC

Posted 20/07/2005, 10:36

tem um site que distribui isso ae pronto
o site eh:
www.bratta.com

#4 ShIrYuDuCs

ShIrYuDuCs

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado
  • Localidade:São Paulo
  • Interesses:Profissional

Posted 21/07/2005, 23:55

Aews, bom não se esqueça de que estes menus não pegam no FIREFOX, se for ver pelo lado do usuario, acho que não vale a pena colocar.

flws

#5 Paulo Freitas

Paulo Freitas

    ××××××× LRU #456504 ××××××× ××××××× LRM #364686 ×××××××

  • Ex-Admins
  • 5612 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP

Posted 22/07/2005, 07:32

Aews, bom não se esqueça de que estes menus não pegam no FIREFOX, se for ver pelo lado do usuario, acho que não vale a pena colocar.

flws

Depende muito do código utilizado amigo. Códigos bem escritos e cross-browser funcionam perfeitamente ! :)

[]’s :DAté mais
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq