Ir ao conteúdo
  • Cadastre-se
Entre para seguir isso  
johngrass

Alguém sabe um tutorial para esse estilo de menu?!

Recommended Posts

alguém saberia me dizer como faria para fazer este estilo de menu

localizado no site http://www.urbr.com.br/

ou também no do http://www.caixa.com.br

tenho dúvidas sobre como fazer ... e qual o nome também deste efeito :(

estou começando um novo layout e gostaria muito de saber qual o nome deste efeito e como poderia fazer, um pqno pedido de tutorial!

obrigado a todos!

:)

ps: senão me engano é efeito cascata, é isso mesmo?! e como poderia fazer para deixar semelhante ao q nem o do site que mostei - http://www.urbr.com.br/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Primeiro menu

DROP MENU

HTML

ESTILO CSS

JAVA SCRIPT

também pode ser feito em flash, tipo esse site www.macromedia.com/

TABLE border=0 cellPadding=0 cellSpacing=0 onmousedown="javascript:igmenu_mousedown(this, event);" onmouseup="javascript:igmenu_mouseup(this, event);" onmouseover="javascript:igmenu_mouseover(this, event);" onmouseout="javascript:igmenu_mouseout(this, event);" class=bannerMenuBannerIsland id=bannerMenuBanner_MainM style="BORDER-RIGHT: #ffffff 10px; BORDER-TOP: #ffffff 10px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #ffffff 1px; CURSOR: default; BORDER-BOTTOM: #ffffff 1px; FONT-FAMILY: Microsoft Sans Serif" onselectstart=javascript:igmenu_selectStart(); igLevel="0" submenu="1">

<TR>

<TD class=TopClass id=bannerMenuBanner_1 align=left igTop="1" igHov="TopHover" igUrl="default.asp">

bt_home.gif</TD>

<TD class=TopClass id=bannerMenuBanner_2 align=left igTop="1" igChildId="bannerMenuBanner_1M" igHov="TopHover">

bt_releases.gif</TD>

<TD class=TopClass id=bannerMenuBanner_3 align=left igTop="1" igHov="TopHover" igUrl="artists.asp">

bt_artists.gif</TD>

<TD class=TopClass id=bannerMenuBanner_4 align=left igTop="1" igChildId="bannerMenuBanner_2M" igHov="TopHover">

bt_urbr.gif</TD>

<TD class=TopClass id=bannerMenuBanner_5 align=left igTop="1" igHov="TopHover" igUrl="contact.asp">

bt_contact.gif</TD>

</TR>

</TABLE>

<DIV class=bannerMenuBannerIsland id=bannerMenuBanner_1M

style="DISPLAY: none; Z-INDEX: 12000; VISIBILITY: hidden; POSITION: absolute; width: 140px; height: 75px;"

igLevel="1" submenu="1">

<TABLE onmouseup="javascript:igmenu_mouseup(this, event);"

class=bannerMenuBannerIsland onselectstart=javascript:igmenu_selectStart();

onmousedown="javascript:igmenu_mousedown(this, event);"

onmouseover="javascript:igmenu_mouseover(this, event);"

onmouseout="javascript:igmenu_mouseout(this, event);" cellSpacing=1

cellPadding=0 border=0 width="100%">

<TR id=bannerMenuBanner_1_1 igUrl="catalog.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">CD, VINIL E DVD</DIV></TD></TR>

<TR id=bannerMenuBanner_1_2 igUrl="next.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">LANÇAMENTOS</DIV></TD></TR>

<TR id=bannerMenuBanner_1_3 igUrl="shop.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">MERCHANDISING</DIV></TD></TR>

<TR id=bannerMenuBanner_1_4 igUrl="press.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">SALA DE IMPRENSA</DIV></TD></TR>

</TABLE></DIV>

<DIV class=bannerMenuBannerIsland id=bannerMenuBanner_2M

style="DISPLAY: none; Z-INDEX: 12000; VISIBILITY: hidden; POSITION: absolute; width: 140px; height: 75px"

igLevel="1" submenu="1">

<TABLE onmouseup="javascript:igmenu_mouseup(this, event);"

class=bannerMenuBannerIsland onselectstart=javascript:igmenu_selectStart();

onmousedown="javascript:igmenu_mousedown(this, event);"

onmouseover="javascript:igmenu_mouseover(this, event);"

onmouseout="javascript:igmenu_mouseout(this, event);" cellSpacing=1

cellPadding=0 border=0 width="100%">

<TR id=bannerMenuBanner_3_1 igUrl="company.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">QUEM SOMOS</DIV></TD></TR>

<TR id=bannerMenuBanner_3_2 igUrl="distribution.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">DISTRIBUIÇÃO</DIV></TD></TR>

<TR id=bannerMenuBanner_3_3 igUrl="partners.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">PARCEIROS</DIV></TD></TR>

<TR id=bannerMenuBanner_3_4 igUrl="downloads.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">DOWNLOADS</DIV></TD></TR>

</TABLE></DIV>

<STYLE type=text/css>

.TopHover {

BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; CURSOR: hand; COLOR: #000000; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px

}

.TopClass {

BORDER-RIGHT: #ffffff 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px; COLOR: #FFFFFF; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 0px

}

.bannerMenuBannerHover {

BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; FONT-WEIGHT: normal; BACKGROUND: #CCCCCC; BORDER-LEFT: #CCCCCC 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #CCCCCC 1px solid; FONT-FAMILY: tahoma; font-size : 7pt

}

.bannerMenuBannerDisabled {

COLOR: #000000

}

.bannerMenuBannerIsland {

BORDER-RIGHT: #000000 0px outset; BORDER-TOP: #000000 0px outset; FONT-WEIGHT: normal; BACKGROUND: #000000; BORDER-LEFT: #FFFFFF 0px outset; CURSOR: default; BORDER-BOTTOM: #000000 0px outset; FONT-FAMILY: tahoma; font-size : 7pt

}

.bannerMenuBannerItem {

BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: normal; BACKGROUND: #000000; BORDER-LEFT: #000000 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: tahoma; font-size : 7pt

}

</STYLE>

<script language=javascript src="webmenu.js"></SCRIPT>

<script language=javascript src="csom.js"></SCRIPT>

<script language=javascript>

igmenu_bannerMenuBanner_Menu=["banner:MenuBanner",1,1,"","bannerMenuBannerHover","","/ig_common/WebNavigator31/ig_menuTri.gif",false,"600","100","Fade","#000000","0","200","200","","","bannerMenuBannerDisabled","bannerMenuBannerItem",false,true,"",""];

igmenu_bannerMenuBanner_Events = [["",0],["",0],["",0],["",0],["",0]];

</SCRIPT>

<script language=javascript>

igmenu_initMenu('bannerMenuBanner');

</SCRIPT>

o segundo menu não tem nada d+

qualquer coisa posta aí

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora
Entre para seguir isso  





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×