Pergunta

)(Withe_snake)( · Janeiro 2, 2004

Ai galera estou criando um site no dreamwaver e queria usar uma barra de navegação que ficasse logo abaixo do cabeçalho/logo, mas acontece que eu queria que ao clicar na figura que eu coloquei como botão, que os sub - itens aparececem logo abaixodo botão queeu criei, alguém teria um script ou uma solução para mim, desde já agradeço.

Micheletti · Janeiro 2, 2004

Explica melhor porque não tendi foi nada,

você quer algo assim=>, passa o mause naquele menu lá em cima. planos de hospedagem...dominios....

)(Withe_snake)( · Janeiro 2, 2004

não na verdade eu quero que quando eu clicar em uma figura que eu criei e que pretendo usar como menu, ela fassa mais ou menos isso ao clicar na figura empresa apareça abaixo dela um campo com os sub-itens.

Empresa

Sub-item 1

Sub-item 2

Sub-item 3

Sub-item 4

rimonattto · Janeiro 3, 2004

kara, eu peguei um plugin aqui no fórum estes dias que tem este menu para o dreamweaver... vou procurar e volto a postar

rimonattto · Janeiro 3, 2004

olá, o plugin para o dreamweaver é o machak fx, está como mfx menu slide, dê uma procurada no fórum de dreamweaver que tem uma cacetada de plugins que uma mina enviou... ele está no meio destes... é super fácil de mexer... depois de instalado você abre o programa dreamweaver e na barra de ferramentas lateral aparece um icone com a letra "M"... clique nele e vai abrir uma janela, daí é só configurar o menu o seu jeito... espero ter ajudado

rimonattto · Janeiro 3, 2004

tete este código: salve ee como página da web, abra no dreamweaver e divirta-se alterando os mainmenu do seu jeito

<html>

<head>

<title>Untitled Document</title>

<!--

function MFXinitMenu(){

IE = document.all ? 1:0;

NN = document.layers ? 1:0;

HIDDEN = (NN) ? 'hide' : 'hidden';

VISIBLE = (NN) ? 'show' : 'visible';

myLayer=new Array();

mySpeed=5;

subLeft=0;

closes=true;

myLayer[0]=(NN) ? document.MFX0 : document.all.MFX0.style;

myLayer[1]=(NN) ? document.MFX1 : document.all.MFX1.style;

myLayer[2]=(NN) ? document.MFX2 : document.all.MFX2.style;

myLayer[3]=(NN) ? document.MFX3 : document.all.MFX3.style;

myLayer[4]=(NN) ? document.MFX4 : document.all.MFX4.style;

myLayer[5]=(NN) ? document.MFX5 : document.all.MFX5.style;

myLayer[6]=(NN) ? document.MFX6 : document.all.MFX6.style;

myLayer[7]=(NN) ? document.MFX7 : document.all.MFX7.style;

myLayer[8]=(NN) ? document.MFX8 : document.all.MFX8.style;

myLayer[9]=(NN) ? document.MFX9 : document.all.MFX9.style;

running=false;

whichOpen=-1;

lastMain=myLayer.length-2;

MFXmain=new Array();

for(i=0; i<myLayer.length; i++){

mainORsub= i % 2;

MFXmain = mainORsub ? 0:1;

}

myTop=new Array();

myLeft=new Array();

myHeight=new Array();

myWidth=new Array();

mySlide=new Array();

for(i=0; i<myLayer.length; i++){

if(NN&&MFXmain){

if(i==0){

myTop=myLayer.top;

myLeft=myLayer.left;}

else{

myLeft=myLeft[i-2];

myTop=myTop[i-2]+myHeight[i-2];}

myHeight=myLayer.clip.height;

myWidth=myLayer.clip.width;

myLayer.left=myLeft;

myLayer.top=myTop;

myLayer.visibility=VISIBLE;}

if(NN&&!MFXmain){

myTop=myTop[i-1]+myHeight[i-1];

myLeft=myLeft[i-1];

myHeight=myLayer.clip.height;

myWidth=myLayer.clip.width;

mySlide=myTop+myHeight;

myLayer.left=myLeft+subLeft;

myLayer.top=myTop;}

if(IE&&MFXmain){

if(i==0){

myLeft=myLayer.pixelLeft;

myTop=myLayer.pixelTop;}

else{

myLeft=myLeft[i-2];

myTop=myTop[i-2]+myHeight[i-2];}

myHeight=myLayer.pixelHeight;

myWidth=myLayer.pixelWidth;

myLayer.left=myLeft;

myLayer.top=myTop;

myLayer.visibility=VISIBLE;}

if(IE&&!MFXmain){

myTop=myTop[i-1]+myHeight[i-1];

myLeft=myLeft[i-1];

myHeight=myLayer.pixelHeight;

myWidth=myLayer.pixelWidth;

myLayer.pixelLeft=myLeft+subLeft;

myLayer.pixelTop=myTop;

mySlide=myTop+myHeight;

}

function MFXrunMenu(myName,newspeed){

ieStep=0;

thereS=false;

thereC=false;

if(newspeed>0){mySpeed=newspeed;}

first=myName;

if(whichOpen==-1&&!running&&MFXmain[myName]&&!(whichOpen==myName)){

running=true;

if(NN){

myLayer[myName+1].clip.height=0;

myLayer[myName+1].visibility=VISIBLE;

}

if(IE){

myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";

myLayer[myName+1].visibility=VISIBLE;

}

MFXopenMenuS(myName);

MFXopenMenuC(myName);

}

if(whichOpen>=0&&!running&&!(whichOpen==myName)){

running=true;

second=whichOpen;

ieStep1=myHeight[second+1];

thereCS=false;

thereCC=false;

MFXcloseMenuS(second);

MFXcloseMenuC(second);

}

if(whichOpen>=0&&!running&&whichOpen==myName&&closes){

running=true;

second=whichOpen;

ieStep1=myHeight[second+1];

thereCS=false;

thereCC=false;

MFXcloseMenuS(second);

MFXcloseMenuC(second);

}

function MFXstopCloseS(myName){

running=false;

thereCS=true;

if(closes&&first==whichOpen){whichOpen=-1;}

else{whichOpen=-1;

MFXrunMenu(first);

}

function MFXstopOpenS(myName){

running=false;

thereS=true;

if(IE){myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ ("auto") +" "+ ("auto") +")";}

whichOpen=myName;

}

function MFXopenMenuS(myName){

myStep=mySpeed;

if(NN&&!thereS&&!(first==lastMain)){

if(myLayer[first+2].top+myStep>mySlide[first+1]){

myStep=mySlide[first+1]-myLayer[first+2].top;

}

for(i=first+2; i<myLayer.length; i+=2){

myLayer.top+=myStep;

}

if(myLayer[first+2].top==mySlide[first+1]){

MFXstopOpenS(first)

}

if(running)setTimeout('MFXopenMenuS(first)',10);

}

if(IE&&!thereS&&!(first==lastMain)){

if(myLayer[first+2].pixelTop+myStep>mySlide[first+1]){

myStep=mySlide[first+1]-myLayer[first+2].pixelTop;

}

for(i=first+2; i<myLayer.length; i+=2){

myLayer.pixelTop+=myStep;

}

if(myLayer[first+2].pixelTop==mySlide[first+1]){

MFXstopOpenS(first)

}

if(running)setTimeout('MFXopenMenuS(first)',10);

}

function MFXopenMenuC(myName){

myStep=mySpeed;

if(NN&&!thereC){

if ((myLayer[first+1].clip.height+myStep)>myHeight[first+1]){

myLayer[first+1].clip.height=myHeight[first+1]

}

if(myLayer[first+1].clip.height==myHeight[first+1]){

thereC=true;

whichOpen=first;

MFXstopOpenS(first)

}else{

myLayer[first+1].clip.height+=myStep;

}

if(running)setTimeout('MFXopenMenuC(first)',10);

}

if(IE&&!thereC){

ieStep+=myStep;

myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep) +" "+ ("auto") +")";

if(ieStep>=myHeight[first+1]){

thereC=true;

whichOpen=first;

MFXstopOpenS(first)

}

if(running)setTimeout('MFXopenMenuC(first)',10);

}

function MFXcloseMenuS(myName){

myStep=mySpeed;

if(NN&&!thereCS&&!(second==lastMain)){

if(myLayer[second+2].top-myStep<myTop[second+2]){

myStep=myLayer[second+2].top-myTop[second+2];

}

for(i=second+2; i<myLayer.length; i+=2){

myLayer.top-=myStep;

}

if(myLayer[second+2].top==myTop[second+2]){

MFXstopCloseS(second);

}

if(running)setTimeout('MFXcloseMenuS(second)',10);

}

if(IE&&!thereCS&&!(second==lastMain)){

if(myLayer[second+2].pixelTop-myStep<myTop[second+2]){

myStep=myLayer[second+2].pixelTop-myTop[second+2];

}

for(i=second+2; i<myLayer.length; i+=2){

myLayer.pixelTop-=myStep;

}

if(myLayer[second+2].pixelTop==myTop[second+2]){

MFXstopCloseS(second);

}

if(running)setTimeout('MFXcloseMenuS(second)',10);

}

function MFXcloseMenuC(myName){

myStep=-mySpeed;

ieStep1-=mySpeed;

if(NN&&!thereCC){

if ((myLayer[second+1].clip.bottom+myStep)<0){

myLayer[second+1].clip.bottom=0;

}

if(myLayer[second+1].clip.bottom==0){

thereCC=true;

if(second==lastMain)MFXstopCloseS(second);

}else{

myLayer[second+1].clip.bottom+=myStep;

}

if(running)setTimeout('MFXcloseMenuC(second)',10);

}

if(IE&&!thereCC){

if(ieStep1<=0){

myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (0) +" "+ ("auto") +")";

thereCC=true;

if(second==lastMain)MFXstopCloseS(second);

}else{

myLayer[myName+1].clip= "rect(" + ("auto") +" "+ ("auto") +" "+ (ieStep1) +" "+ ("auto") +")";

}

if(running)setTimeout('MFXcloseMenuC(second)',10);

}

//-->

</SCRIPT>

</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MFXinitMenu()">

<DIV id="MFX0" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 20px; visibility: hidden; background-color: #CC6666; layer-background-color: #CC6666; border: 1px none #000000"><a href="#" onClick="MFXrunMenu(0,5)">mainmenu1</a></DIV>

<DIV id="MFX1" style="position:absolute; width:150px; height:60px; z-index:1; left:20px; top: 40px; visibility: hidden; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000"><a href="#">submenu1</a></DIV>

<DIV id="MFX2" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 100px; visibility: hidden; background-color: #CC6666; layer-background-color: #CC6666; border: 1px none #000000"><a href="#" onClick="MFXrunMenu(2,5)">mainmenu2</a></DIV>

<DIV id="MFX3" style="position:absolute; width:150px; height:60px; z-index:1; left:20px; top: 120px; visibility: hidden; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000"><a href="#">submenu2</a></DIV>

<DIV id="MFX4" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 180px; visibility: hidden; background-color: #CC6666; layer-background-color: #CC6666; border: 1px none #000000"><a href="#" onClick="MFXrunMenu(4,5)">mainmenu3</a></DIV>

<DIV id="MFX5" style="position:absolute; width:150px; height:60px; z-index:1; left:20px; top: 200px; visibility: hidden; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000"><a href="#">submenu3</a></DIV>

<DIV id="MFX6" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 260px; visibility: hidden; background-color: #CC6666; layer-background-color: #CC6666; border: 1px none #000000"><a href="#" onClick="MFXrunMenu(6,5)">mainmenu4</a></DIV>

<DIV id="MFX7" style="position:absolute; width:150px; height:60px; z-index:1; left:20px; top: 280px; visibility: hidden; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000"><a href="#">submenu4</a></DIV>

<DIV id="MFX8" style="position:absolute; width:150px; height:20px; z-index:2; left:20px; top: 340px; visibility: hidden; background-color: #CC6666; layer-background-color: #CC6666; border: 1px none #000000"><a href="#" onClick="MFXrunMenu(8,5)">mainmenu5</a></DIV>

<DIV id="MFX9" style="position:absolute; width:150px; height:60px; z-index:1; left:20px; top: 360px; visibility: hidden; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000"><a href="#">submenu5</a></DIV>

</body>

</html>

Milhouse · Janeiro 5, 2004

cara.. eu te indicaria pra fazer isso o Fireworks ... bem mais facil e melhor pra mexer com isso ....

qualquer manha posta ai ....

espero ter ajudado.. t ++++

Janeiro 5, 2004

Ai galera.. agradeço de coração a atenção dedicada por vc?s a minha duvida, mas descobri a solução que eu queria de forma muito facil, ao selecionar a figura que eu queria usar como botão, busquei na janela design, a aba comportamentos, cliquei no simbolo +, e achei o item "mostrar menu pop up, ultilizei ele, ficou como eu queria, pois consegui comfigurar cores, link?s, e sobre tudo não altera o tamanho da minha tabela, na hora do uso.

mais uma vez obrigado pela força pessoal

Ass:

)(Withe_snakE)(

Milhouse · Janeiro 6, 2004

beleza brother... no fire seria quase a mesma coisa do q isso ai ...

mas beleza... falou ..

Entrar

Pergunta

Pergunta

)(Withe_snake)(

Link para o comentário

Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

Micheletti

Link para o comentário

Compartilhar em outros sites

)(Withe_snake)(

Link para o comentário

Compartilhar em outros sites

rimonattto

Link para o comentário

Compartilhar em outros sites

rimonattto

Link para o comentário

Compartilhar em outros sites

rimonattto

Link para o comentário

Compartilhar em outros sites

Milhouse

Link para o comentário

Compartilhar em outros sites

Guest - )(Withe_snakE)( -

Link para o comentário

Compartilhar em outros sites

Milhouse

Link para o comentário

Compartilhar em outros sites

Estatísticas dos Fóruns

Navegação

Atividades