Menu Animado!

[clemisson 0]

Bem galera sei q no dreamweaver tem a opção de criarmos um menu animado, a partir de um div.

bem minha situação é a seguinte, tenho 2 layers, gostaria de fazer com q o menu na pagina menu com o onmouseover ele aparece-se os sub menus na pagina principal!

 

 

Basicamente como na Pagina Abaixo!

 

- http://www.pwhitrow.com/stuff/widgets/msdn_menu.html

 

 

Desde ja agradeço pela ajuda!

[Douglas 6]

Não seria mais simples, pegar o código javascript que está no link indicado por você?

[clemisson 0]

Caro Douglas,Acontece o Seguinte eu ja Tentei Copiar o Codigo o problema é o seguinte, sei q no Dreamweaver tem essa opção, mas não estou acertando faze-la, então melhor do que copiar não é fazer?Pelo codigo ele faz a funcionalidade mas o link da pau! entao gostaria de fazer no dream pra poder deixar do jeito q eu gostaria, não fazer uma copia!Obrigado mesmo assim!

[clemisson 0]

Bem Galera,

Estive pesquisando e vi em dois lugares o estilo do menu q estou procurando um é na página www.banese.com.br

e o outro foi em tutorial do maujor - http://www.maujor.com/tutorial/ddownmenu.php

A do banese.com.br eu nao conseguir copiar o codigo pq tem uma serie de coisa q dificulta o entendimento, o do majour eu conseguir modificar, mas quando coloquei no frame ele não funcionou, gostaria q ele carrega-se no mainframe!

Estou trabalhando com 2 Frames um Leftframe e Um mainframe, meu menu é no Leftframe e gostaria de exibir as funcionalidades dele no main frame!

Como faço isso!

Sei de uma ferramenta que utilizamos no dreamweaver com div, mas depois disso não lembro bem e acaba ficando sem funcionar!!

 

Obrigado pela ajuda!

[kelsonjl 0]

amigo se for esse menu q quando você coloca o mouse em cima e ele mostra varias opções pra escolher ele é feito da seguinte forma

 

crie o menu principal, após isso selecione a palavra do menu e no campo link escreva o seguinte:: java script:; desssa forma como esta

 

vá ate as propriedades de design e clique em adicionar comportamentos e depois clique em mostrar menu pop-up é nele q você coloca as opções de links q deverao aparecer ao escolher colocar o mouse sobre o menu principal,

 

nao se se expliquei de forma clara, mas se tiver dificuldades posta ae que a gente tenta te ajudar valew.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[clemisson 0]

Caro Amigo muito obrigado,Veja como estava sendo trabalhoso o meu processo1 - criava tabelas no leftframe e criava o menu2 - Criava um Div no mainframe colado ao leftframe3 - inseria tabelas no DIV4 - na direita do Dream tem uns menus la o meu é o 8 e esta em ingles eu fui la em Tags -> behaviors -> clicava no + e selecionava a opção show hide layers e escolhia5 - escolhia qual DIV aparecia e qual desaparecia e assim eu ia e tb a opção do mouse ("out", "over", "click")A duvida é a seguinte como deixar todas essas divs ocultas e elas aparecerem apenas com o onmouseclick.Um abraço

[kelsonjl 0]

nao entendi direito, mas acho q pra resolver isso você deve ir no comportamentos da div e colocar ela como onclick,mas ao inves de usar frames, nao seria melhor você usar iframes?se nao der certo e tiver alguma duvida, continue postando q enquanto eu souber te ajudar estarei a sua disposição.valew

[clemisson 0]

Bem Galera as coisas estão evoluindo!

Obrigado kelson e Douglas!

Estou quase chegando la!

Kelson enquanto ao iframe não utilizei desse recurso!

Vejam o exemplo na pagina http://www.banese.com.br

ele tem um javascript pra ativar o menu!

Gostaria de fazer daquele mesmo jeito!

so q ainda tenho dificuldade, baixo o codigo e altero ele, mas não exibe depois!

Se puderem me ajudar com isso serei muito grato!

 

Um abraço

[clemisson 0]

Bem Obrigado mais uma vez pela ajuda!

 

veja o site http://www.banese.com.br

veja la o menu deles, gostaria de fazer o menu do mesmo jeito!

Eu ja to ligado sobre o comportamento das divs,

Eu tenho 3 paginas no meu index.html

um topo, uma pagina esquerda e uma principal

quero fazer o menu na esquerda pra ser carregado na pagina principal!

 

 

Mais uma vez muito obrigado http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[cfsl 0]

Ola Clemisson..... cara, eu comecei e mexer com dreamweaver faz poquissimo tempo, só sei o básico do básico mesmo.... só que aki no meu serviço eu peguei um site pra atualizar que é semelhante ao que você quer fazer..... e nele o código pra fazer o menu até que é simples, até consegui entender como funciona, quem sabe pode te ajudar

 

o endereço do site é : Site

 

e o código que faz o menu dele é o seguinte :

 

 

 

 

 

<!DOCTYPE HTML PUBLIC "-//SoftQuad Software//DTD HoTMetaL PRO 6.0::19990601::extensions to HTML 4.0//EN" "hmpro6.dtd">

<html>

 

<head>

<title>Projeto Educa SeRe III / Indice</title>

<script LANGUAGE="JavaScript1.2" TYPE="text/javascript">

 

function checkBrowser(){

this.ver=navigator.appVersion

this.dom=document.getElementById?1:0

this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;

this.ie4=(document.all && !this.dom)?1:0;

this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

this.ns4=(document.layers && !this.dom)?1:0;

this.opera=!(this.ie5 || this.ie4 || this.ns4 || this.ns5) && this.dom

this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)

return this

}

var bw=new checkBrowser()

</script>

<script

LANGUAGE="JavaScript1.2" SRC="coolframe.js" TYPE="text/javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

 

<body BACKGROUND="px.gif" text="#333333" link="#333333" vlink="#333333"

alink="#333333">

<p> </p>

<p>

<script>

/*****************************************************************************

Main variables

******************************************************************************/

mDebugging=1 //Set to 0 for NO Debugging, set to 1 for alert debugging and set to 2 for status.

 

oCFMenu=new coolFrameMenu('oCFMenu') //Making a new menu

 

oCFMenu.menuFrameName="conteudo" //The name of your "main" frame

oCFMenu.startPage="home.htm" //The first page to appear in the main frame (it's important that this is loaded after the menu is created!)

oCFMenu.maxsubs=7 //The max number of subs you will have

oCFMenu.maxsubs2=10 //The max number of sub2s you will have

oCFMenu.maxsubs3=8 //The max number of sub2s you will have

 

//Frametype:

// 0 = menu in left frame

// 1 = menu in right frame

// 2 = menu in top frame

// 3 = menu in bottom frame

oCFMenu.frametype=0

 

oCFMenu.pagecheck=1 //This is a check that will keep the submenus from going to far out! Only for top and bottom frame

 

oCFMenu.mainheight=18 //The height of the main menuitems in pixel or %

oCFMenu.mainwidth=126 //The width of the main menuitems in pixel or %

 

oCFMenu.subwidth= 110//oCFMenu.mainwidth // The width of the submenus

oCFMenu.subheight=18 //The height if the subitems in pixel or %

 

oCFMenu.sub2width=140 // The width of the sub2menus in pixel or %

oCFMenu.sub2height=18 // The height if the sub2items in pixel or %

 

oCFMenu.sub3width=80 // The width of the sub3menus in pixel or %

oCFMenu.sub3height=18 // The height if the sub3items in pixel or %

 

oCFMenu.subXplacement=0 // Relative to the main item

oCFMenu.subYplacement=0 // Relative to the main item

 

oCFMenu.sub2Xplacement=oCFMenu.subwidth-10 // The X placement of the subsubmenus, relative to the sub item

oCFMenu.sub2Yplacement=10 // The Y placement of the subsubmenus, relative to the sub item

 

oCFMenu.sub3Xplacement=oCFMenu.sub2width-40 // The X placement of the subsubmenus, relative to the sub2 item

oCFMenu.sub3Yplacement=-10 // The Y placement of the subsubmenus, relative to the sub2 item

 

oCFMenu.mainbgcoloroff='#6D6E71' //The backgroundcolor of the main menuitems

 

oCFMenu.mainbgcoloron='#DCDDDE' //The backgroundcolor on mouseover of the main menuitems

oCFMenu.maintextcolor="yellow" //The original text color

oCFMenu.mainhovercolor="green" //The color the text should change to when mouseovered. NOTE: Doesn't work in NS4

 

oCFMenu.subbgcoloroff='#DCDDDE' //The backgroundcolor of the sub menuitems

oCFMenu.subbgcoloron='#6D6E71' //The backgroundcolor on mouseover of the sub menuitems

oCFMenu.subtextcolor="green" //The original text color

oCFMenu.subhovercolor="yellow" //The color the text should change to when mouseovered. NOTE: Doesn't work in NS4

 

oCFMenu.sub2bgcoloroff='#6D6E71' //The backgroundcolor of the subsub menuitems

oCFMenu.sub2bgcoloron='#DCDDDE' //The backgroundcolor on mouseover of the subsub menuitems

oCFMenu.sub2textcolor="yellow" //The original text color

oCFMenu.sub2hovercolor="green" //The color the text should change to when mouseovered. NOTE: Doesn't work in NS4

 

oCFMenu.sub3bgcoloroff='#006699' //The backgroundcolor of the subsub menuitems

oCFMenu.sub3bgcoloron='#009999' //The backgroundcolor on mouseover of the subsub menuitems

oCFMenu.sub3textcolor="yellow" //The original text color

oCFMenu.sub3hovercolor="red" //The color the text should change to when mouseovered. NOTE: Doesn't work in NS4

 

//Borders

oCFMenu.bordersize=1

oCFMenu.bordercolor="#FFFFFF"

 

//Styles for the top menus!

oCFMenu.topstyle="padding:1px; font-family:arial,helvetica; font-size:11px;"

//Styles for the submenus

oCFMenu.substyle="padding:1px; font-family:arial,helvetica; font-size:11px;"

//Styles for the sub2menus

oCFMenu.sub2style="padding:1px; font-family:arial,helvetica; font-size:11px;"

//Styles for the sub3menus

oCFMenu.sub3style="padding:1px; font-family:arial,helvetica; font-size:11px;"

 

//LEAVE THESE LINES

oCFMenu.makeStyle() //Writes out the style for the top menus

oCFMenu.makeFrameString() //Makes the string for the main frame

 

 

//Placement of the menuitems

 

oCFMenu.menuplacement=new Array(3,20,39,57,75,93,111,129,147,165,183,201,218,236)

//If you use the "right beside eachother" you cant how many pixel there should be between each here

oCFMenu.pxbetween=3 //in pixel or %

//And you can set where it should start from the left here

oCFMenu.fromleft=12 //in pixel or %

//This is how much from the top the menu should be.

oCFMenu.fromtop=0 //in pixel or %

 

oCFMenu.makeTop('  Home','home.htm','conteudo') //MAIN 1

 

oCFMenu.makeTop('  Apresentação','apresentacao.htm','conteudo')//MAIN 2

 

oCFMenu.makeTop('  Cartas Imagens') // MAIN 3

oCFMenu.makeSub(' Cidades Brasileiras','','conteudo')

oCFMenu.makeSub2(' Foz do Iguaçu','foziguacu.htm','conteudo')

oCFMenu.makeSub2(' Cachoeira Paulista','cpaulista.htm','conteudo')

oCFMenu.makeSub2(' São Leopoldo','saoleopoldo.htm','conteudo')

oCFMenu.makeSub2(' São José dos Campos','sjcampos_ci.htm','conteudo')

oCFMenu.makeSub(' Capitais Brasileiras','','conteudo')

oCFMenu.makeSub2(' Brasília','brasilia.htm','conteudo')

oCFMenu.makeSub2(' Cuiabá','cuiaba.htm','conteudo')

oCFMenu.makeSub2(' Manaus','manaus.htm','conteudo')

oCFMenu.makeSub2(' Belo Horizonte','belohorizonte.htm','conteudo')

oCFMenu.makeSub2(' Porto Alegre','portoalegre.htm','conteudo')

oCFMenu.makeSub2(' Natal','natal.htm','conteudo')

oCFMenu.makeSub2(' Vitória','vitoria.htm','conteudo')

oCFMenu.makeSub2(' Goiânia','goiania.htm','conteudo')

oCFMenu.makeSub2(' Florianópolis','florianopolis.htm','conteudo')

 

oCFMenu.makeTop('  Mosaicos','','conteudo') // MAIN 4

oCFMenu.makeSub(' CCD','ccd_mosaicos.htm','conteudo')

oCFMenu.makeSub(' IRMSS','irmss_mosaicos.htm','conteudo')

oCFMenu.makeSub(' GOES-E','goes_e.htm','conteudo')

oCFMenu.makeSub(' WFI','wfi_mosaicos.htm','conteudo')

oCFMenu.makeSub(' NOAA','noaa_mosaicos.htm','conteudo')

 

oCFMenu.makeTop('  Curso','curso.htm','conteudo')//MAIN 5

 

oCFMenu.makeTop('  Sala de Aula')//MAIN 6

oCFMenu.makeSub(' Amazonas','sala_aula.htm','conteudo')

oCFMenu.makeSub(' Rio Grande do Sul','sala_aula_rs.htm','conteudo')

oCFMenu.makeSub(' Minas Gerais','sala_aula_bh.htm','conteudo')

 

oCFMenu.makeTop('  Eventos')//MAIN 7

oCFMenu.makeSub(' X SBSR','eventocursofoz.htm','conteudo')

oCFMenu.makeSub(' II EUsISSeR','eventoeusisser.htm','conteudo')

oCFMenu.makeSub(' XX CBC','eventoportoalegre.htm','conteudo')

oCFMenu.makeSub(' SELPER - Uruguai','eventouruguai.htm','conteudo')

oCFMenu.makeSub(' Univ. do Amazonas','eventoamazonas.htm','conteudo')

oCFMenu.makeSub(' Exp. em Jacareí','eventojacarei.htm','conteudo')

 

oCFMenu.makeTop('  Apostila','apostila.htm','conteudo')//MAIN 8

 

oCFMenu.makeTop('  Downloads','downloads.htm','conteudo')//MAIN 9

 

oCFMenu.makeTop('  Links','links.htm','conteudo')//MAIN 10

 

oCFMenu.makeTop('  Notícias','noticias.htm','conteudo')//MAIN 11

 

oCFMenu.makeTop('  Contato','contatos.htm','conteudo')//MAIN 12

 

oCFMenu.makeTop('  Tutorial','tutorial.htm','conteudo')//MAIN 13

 

oCFMenu.makeTop('  EducARTE','arte.htm','conteudo')//MAIN 14

//Leave these lines!

oCFMenu.construct()

 

//Setting the bottom page. This have to be done so that we are sure that the menus are built

//before we load the bottom page. If the page was resized we want to load the same page back into the frameset

searchtext=location.search

isresized=searchtext.lastIndexOf("resizedurl")

if(isresized>-1){ //Get PAGE

oCFMenu.startPage="http://" + searchtext.substr(isresized+11,searchtext.length)

}

if(top[oCFMenu.menuFrameName])top[oCFMenu.menuFrameName].location.href=oCFMenu.s

tartPage

</script>

 

 

 

Eu não entendi o código inteiro.... mas o básico que faz os menus, como adiciona um menu eu até entendi... qualquer coisa é só falar...espero que tenha ajudado

[odilon_costa 1]

Eu não usaria esse menu,apesar de ser legalzinho não funciona no Firefox.

[cfsl 0]

Eu não usaria esse menu,apesar de ser legalzinho não funciona no Firefox.

Cara eu baixei o firefox aki na minha maquina e acessei o site ele funcionou ... a unica coisa é que quando você passa o mouse em cima dos menus o cursor do mouse fica em mode de texto como se fosse selecionar um texto... mas funciona normal.... apertando o mouse no menu ele vai onde tem que ir tudo certinho

[clemisson 0]

galera muito obrigado vcs me ajudaram muito!Após estudar e buscar muita informação sobre o assunto!Cheguei a conclusao de trabalhar com uma unica pagina como index!Usei tabelas e la inserir a coluna com meu menu animado!E na coluna do meio eu usei um iframe e funciona perfeitamente!Muito obrigado!