[diegofvg]

Como eu faço esse menu pop-up ai do site. Gostaria também de saber se tem como fazer akele efeito de ao passar o mouse em cima do botão, o menu aparece aos poucos e se eu tirar o mouse de cima ele some aos poucos, e não como estes que jah vem do FW Mx que some rapidao e tals.

Sei que ele cria um arquivo .js (que é javascript), mas gostaria de saber se é possivel fazer isso no FW Mx ou MX 2004.
Se tiverem outro programa que faça manda ae.

[fabioricotta]

Pelo que eu saiba este menu não foi feito no FW...

No FW você pode apenas utilizar aqueles estilos de menu que o programa disponibiliza. Não sei se já existe alguma extensão que mude estes estilos.....

Vou procurar saber corretamente onde foi feito o menu e dpois posto aqui...

[JHAUSSEN]

Este menu foi feito usando JS, acho que não tem como fazer isto no Fireworks, já que é tudo em codigo para fazer os efeitos.

[MVolpi]

Exatamente, Juliano, fui eu que implementei esse menu no mx studio, ele e 100% feito em JS, da para configurar uma serie de coisas, porem o código e muito complexo, para entender, o menu e formado por uma string..

write("laldjaldjlajdlajdla");

tudo que estiver dentro do (" ") o JS joga na tela, para entender o funcionamento do menu, as opções de configuração etc. etc, tive que pegar o JS, e o conteúdo da string quebrar em varias linhas, identar as tags e concatenar no final.

Resumindo o Js do menu do MX tem 2174 linhas e a origem do código e do

DMB DHTML ENGINE 2,2,001 

[fabioricotta]

Vlw ae Volpi pela explicação

[M4573R]

É por isso, que a cada dia que passa, os designers tem que virar cada vez mais Webdesigners!

[diegofvg]

Valeu mesmo galera. Vcs são F.#.#.#.A ! ! ! hehehe. Vc tem o link para download do DMB DHTML ENGINE ae????

Porém, tem como sobrepor um banner em flash com esse menuzinho q aparece...
pois preciso criar um menu igual a este do Mx Studio em cima de um banner flash. ai qdo eu rodo a pagina o menu aparece atras do banner.

[MVolpi]

Ainda nao tive a oportunidade de testar com SWF, vou fazer isso em casa hoje,

Eu so testei o menu com combobox.... e funcionou legal.

[MVolpi]

É por isso, que a cada dia que passa, os designers tem que virar cada vez mais Webdesigners!

O mercado hoje está tentendo a cara que desenhe e que códifique!!!!! sempre fico em busca de novas oportunidades de emprego, e raro encontrar uma vaga que o cara so queira o webdesign!!!!! O Webdesign de hoje tem que saber pelo menos uma linguagem dinamica (ASP Php Java etc...), fazer validações de regra de negocios (Java Script), Banco de Dados (Access, MySql etc..), lavar, cozinhar, passar e levar o cachorro para passear!!!!!!

[M4573R]

kkkkk disse tudo heim Volpi!

[MVolpi]

Valeu mesmo galera. Vcs são F.#.#.#.A ! ! ! hehehe. Vc  tem o link para download do DMB DHTML ENGINE ae????

Porém,  tem como sobrepor um banner em flash com esse menuzinho q aparece...
pois preciso criar um menu igual a este do Mx Studio em cima de um banner flash. ai qdo eu rodo a pagina o menu aparece atras do banner.

DMB DHTML ENGINE e o DHTML MENU BUILDER....... e um software que gera o menu...

[rbaialuna]

Volpi, nem quero ver o código pra não ficar de queixo caído e cabelos em pé SHOW DE BOLA!

[MVolpi]

Se liga na missão esse trecho e so o que joga o menu na tela, antes disso tem mais 2mil linhas de código..

CODE

if(IE)
 with(document) {
  open();
  // INICIO DE CONFIGURAÇÃO PADRAO DO MENU
  write("<div id=dmbTBBack1 style=\"position:absolute; overflow:hidden; z-index:998; "+
         " visibility:hidden; width:740px; height:22px; "+
         " background-color: #D9E4F0; border: 0px solid #D9E4F0;\"> "+
               "</div> "+
                 "<div id=dmbTB1 style=\"position:absolute; z-index:999; visibility:hidden; width:740px; height:22px;\"> "+
     // CONTRUINDO OS MENUS
     // MENU ------------------------------- HOME -------------------------------------------------------------------------------
     "<div nowrap id=N1001 style=\"position: absolute; white-space: nowrap; top:0px; left:0px; width:74px; height:22px;background-image:url(_images/abac.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; "+
     "background-color: #D9E4F0;\" "+
     "OnMouseOver=\"hsHoverSel(0,this);status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'index.jsp', \'_self\');\"> "+
      "<span style=\"position:absolute; top: 2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>Home</div> "+
      "</span> "+
     "</div> "+
     "<div nowrap id=O1001 style=\"position: absolute; white-space: nowrap; visibility: hidden; top:0px; left:0px; width:74px; height:22px; background-image:url(_images/abav.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; cursor: pointer;\" "+
     // Chama menu filho
     "OnMouseOver=\"status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'index.php', \'_self\');\"> "+
      "<span style=\"position:absolute; top: 2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>asda</div> "+
      "</span>"+
     "</div>"+
    // MENU ------------------------------- CONTEUDO --------------------------------------------------------------
    "<div nowrap id=N1002 style=\"position: absolute; white-space: nowrap; top:0px; left:74px; width:74px; height:22px;background-image:url(_images/abac.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; "+
     "background-color: #D9E4F0;\" "+
     "OnMouseOver=\"hsHoverSel(0,this);cFrame.ShowMenu(\'Emissões para Notificação\',2,0,false,\'\',-1);status=\'Ficha de Notificação\';\"  "+
     "OnClick=\"cFrame.execURL(\'#', \'_self\');\"> "+
      "<span style=\"position:absolute; top: 2px; left: 2px; width: 74px; height:22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>Conteúdo</div> "+
      "</span> "+
     "</div> "+
     "<div nowrap id=O1002 style=\"position: absolute; white-space: nowrap; visibility: hidden; top:0px; left:74px; width:74px; height:22px; background-image:url(_images/abav.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; cursor: pointer;\" "+
     // Chama menu filho  
     "OnMouseOver=\"cFrame.ShowMenu(\'FichaNotificacao\',2,0,false,\'\',-1);status=\'Ficha de Notificação\';\" "+
     "OnClick=\"cFrame.execURL(\'#', \'_self\');\"> "+
      "<span style=\"position:absolute; top:2px; left:2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left></div> "+
      "</span> "+
          "</div> "+
   // MENU ------------------------------- FORUM -------------------------------------------------------------------------------
     "<div nowrap id=N1003 style=\"position: absolute; white-space: nowrap; top:0px; left:148px; width:74px; height:22px;background-image:url(_images/abac.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; "+
     "background-color: #D9E4F0;\" "+
     "OnMouseOver=\"hsHoverSel(0,this);status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'http://forum.mxstudio.com.br', \'_self\');\"> "+
      "<span style=\"position:absolute; top:2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>Fórum</div> "+
      "</span> "+
     "</div> "+
     "<div nowrap id=O1003 style=\"position: absolute; white-space: nowrap; visibility: hidden; top:0px; left:148px; width:74px; height:22px; background-image:url(_images/abav.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; cursor: pointer;\" "+
     // Chama menu filho
     "OnMouseOver=\"status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'http://forum.mxstudio.com.br', \'_self\');\"> "+
      "<span style=\"position:absolute; top:2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>asda</div> "+
      "</span>"+
     "</div>"+
     // MENU ------------------------------- PUBLICIDADE --------------------------------------------------------------
    "<div nowrap id=N1004 style=\"position: absolute; white-space: nowrap; top:0px; left:222px; width:74px; height:22px;background-image:url(_images/abac.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; "+
     "background-color: #D9E4F0;\" "+
     "OnMouseOver=\"hsHoverSel(0,this);cFrame.ShowMenu(\'Publicidade\',2,0,false,\'\',-1);status=\'Publicidade\';\"  "+
     "OnClick=\"cFrame.execURL(\'publicidade.php', \'_self\');\"> "+
      "<span style=\"position:absolute; top:2px; left:2px; width: 74px; height:22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>Publicidade</div> "+
      "</span> "+
     "</div> "+
     "<div nowrap id=O1004 style=\"position: absolute; white-space: nowrap; visibility: hidden; top:0px; left:222px; width:74px; height:22px; background-image:url(_images/abav.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; cursor: pointer;\" "+
     // Chama menu filho  
     "OnMouseOver=\"cFrame.ShowMenu(\'publicidade\',2,0,false,\'\',-1);status=\'Publicidade\';\" "+
     "OnClick=\"cFrame.execURL(\'publicidade.php', \'_self\');\"> "+
      "<span style=\"position:absolute; top:2px; left:2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left></div> "+
      "</span> "+
          "</div> "+
    // MENU ------------------------------- PDIVERSOS --------------------------------------------------------------
    "<div nowrap id=N1005 style=\"position: absolute; white-space: nowrap; top:0px; left:296px; width:74px; height:22px;background-image:url(_images/abac.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; "+
     "background-color: #D9E4F0;\" "+
     "OnMouseOver=\"hsHoverSel(0,this);cFrame.ShowMenu(\'Publicidade\',2,0,false,\'\',-1);status=\'Diversos\';\"  "+
     "OnClick=\"cFrame.execURL(\'#', \'_self\');\"> "+
      "<span style=\"position:absolute; top:2px; left:2px; width: 74px; height:22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>Diversos</div> "+
      "</span> "+
     "</div> "+
     "<div nowrap id=O1005 style=\"position: absolute; white-space: nowrap; visibility: hidden; top:0px; left:296px; width:74px; height:22px; background-image:url(_images/abav.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; cursor: pointer;\" "+
     // Chama menu filho  
     "OnMouseOver=\"cFrame.ShowMenu(\'diversos\',2,0,false,\'\',-1);status=\'Diversos\';\" "+
     "OnClick=\"cFrame.execURL(\'#', \'_self\');\"> "+
      "<span style=\"position:absolute; top:2px; left:2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left></div> "+
      "</span> "+
          "</div> "+
    // MENU ------------------------------- quem faz-------------------------------------------------------------------------------
     "<div nowrap id=N1006 style=\"position: absolute; white-space: nowrap; top:0px; left:370px; width:74px; height:22px;background-image:url(_images/abac.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; "+
     "background-color: #D9E4F0;\" "+
     "OnMouseOver=\"hsHoverSel(0,this);status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'expediente.php', \'_self\');\"> "+
      "<span style=\"position:absolute; top: 2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>Quem faz?</div> "+
      "</span> "+
     "</div> "+
     "<div nowrap id=O1006 style=\"position: absolute; white-space: nowrap; visibility: hidden; top:0px; left:370px; width:74px; height:22px; background-image:url(_images/abav.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; cursor: pointer;\" "+
     // Chama menu filho
     "OnMouseOver=\"status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'expediente.php', \'_self\');\"> "+
      "<span style=\"position:absolute; top: 2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left></div> "+
      "</span>"+
     "</div>"+
      // MENU ------------------------------- Contato-------------------------------------------------------------------------------
     "<div nowrap id=N1007 style=\"position: absolute; white-space: nowrap; top:0px; left:444px; width:74px; height:22px;background-image:url(_images/abac.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; "+
     "background-color: #D9E4F0;\" "+
     "OnMouseOver=\"hsHoverSel(0,this);status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'fale_conosco.php', \'_self\');\"> "+
      "<span style=\"position:absolute; top: 2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left>Contato</div> "+
      "</span> "+
     "</div> "+
     "<div nowrap id=O1007 style=\"position: absolute; white-space: nowrap; visibility: hidden; top:0px; left:444px; width:74px; height:22px; background-image:url(_images/abav.jpg);"+
     "font-family: Tahoma; font-size: 11px; font-weight: bold; font-style: normal; text-decoration: none; color: #003366; cursor: pointer;\" "+
     // Chama menu filho
     "OnMouseOver=\"status=\'Pagina Inicial\';\" "+
     "OnClick=\"cFrame.execURL(\'fale_conosco.php', \'_self\');\"> "+
      "<span style=\"position:absolute; top: 2px; left: 2px; width: 74px; height: 22px;\"> "+
       "<div style=\"position:absolute; top:2px; width:74px; left:2px;\" align=left></div> "+
      "</span>"+
     "</div>"+


  "</div>");
  close();
 }




function _purl(u){return u;}function _fip(img){return img.src;}
if(IE)
 with(document) {
  open();
  write(" "+
   // SUBMENU -------------------------- CONTEUDO
   "<div id=\"FichaNotificacao\" style=\"position: absolute; top:0px; left:0px; width:74px; height:127px; visibility: hidden;\"> "+
     "<div id=\"FichaNotificacaofrmt\" style=\"position: absolute; top:0px; left:0px; width:74px; height:127px; "+
      "background-color:#C3E355; border-top-width: 0px; border-right-width: 1px;border-bottom-width: 1px; border-left-width: 1px;border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #93999A; border-right-color: #93999A; border-bottom-color: #93999A; border-left-color: #93999A;\"> "+
       // DREAMWEAVER
       "<div nowrap style=\"position: absolute; white-space: nowrap; top: 2px; left:0px; width: 100px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N8 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Dreamweaver MX\';\"> "+
        "<span style=\"position:absolute; top: 2px; left:0px; width: 20px; height:14px;\">"+
         "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Dreamweaver</div> "+
         "</span>"+
       "</div> "+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden; top: 2px; left:0px; width:71px; "+
        "height: 22px; font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O8 OnClick=\"cFrame.execURL(\'views.tutorial.php?act=cat&cid=1', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 20px; height:14px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div> "+
          "</span>"+
       "</div> "+
       // FIREWORKS
       "<div nowrap style=\"position: absolute; white-space: nowrap; top: 22px; left:0px; width: 120px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N9 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Fireworks MX\';\"> "+
        "<span style=\"position:absolute; top: 2px; left:0px; width: 20px; height:14px;\">"+
         "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Fireworks</div> "+
         "</span>"+
       "</div> "+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden; top: 22px; left:0px; width:71px; "+
        "height: 22px; font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O9 OnClick=\"cFrame.execURL(\'views.tutorial.php?act=cat&cid=2', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 20px; height:14px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div> "+
          "</span>"+
       "</div> "+
       // COLDFUSION
       "<div nowrap style=\"position: absolute; white-space: nowrap; top: 42px; left:0px; width: 136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N40 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'ColdFusion MX\';\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>ColdFusion</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden; top: 42px; left:0px; width:71px; height: "+
        "22px; font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O40 OnClick=\"cFrame.execURL(\'views.tutorial.php?act=cat&cid=7', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:3px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // FLASH
       "<div nowrap style=\"position: absolute; white-space: nowrap; top: 62px; left:0px; width: 136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N41 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Flash MX\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Flash</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden; top: 62px; left:0px; width:71px; height: "+
        "22px; font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O41 OnClick=\"cFrame.execURL(\'views.tutorial.php?act=cat&cid=3', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // FREEHAND
       "<div nowrap style=\"position: absolute; white-space: nowrap; top: 82px; left:0px; width: 136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N42 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Freehand MX\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Freehand</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden; top: 82px; left:0px; width:71px; height: "+
        "22px; font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O42 OnClick=\"cFrame.execURL(\'views.tutorial.php?act=cat&cid=5', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // DIRECTOR
       "<div nowrap style=\"position: absolute; white-space: nowrap; top: 102px; left:0px; width: 136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N43 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Director MX\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Director</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:102px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O43 OnClick=\"cFrame.execURL(\'views.tutorial.php?act=cat&cid=8', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
     "</div> "+
   "</div>"+
   // SUBMENU -------------------------  PUBLICIDADE
   "<div id=\"publicidade\" style=\"position: absolute; top:0px; left:0px; width:74px; height:67px; visibility: hidden;\"> "+
     "<div id=\"publicidadefrmt\" style=\"position: absolute; top:0px; left:0px; width:74px; height:67px; "+
      "background-color:#C3E355; border-top-width: 0px; border-right-width: 1px;border-bottom-width: 1px; border-left-width: 1px;border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #93999A; border-right-color: #93999A; border-bottom-color: #93999A; border-left-color: #93999A;\"> "+
       // COLABORE
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:2px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N44 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Colabore\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Colabore</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:2px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O44 OnClick=\"cFrame.execURL(\'colabore.php', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // PARCERIAS
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:22px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N45 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Parceria\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Parceria</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:22px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O45 OnClick=\"cFrame.execURL(\'parceria.php', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // PROMOÇÕES
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:42px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N46 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Promoções \';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Promoções</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:42px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O46 OnClick=\"cFrame.execURL(\'promocao.php', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       
     "</div> "+
   "</div> "+
   // SUBMENU -------------------------  DIVERSOS
   "<div id=\"diversos\" style=\"position: absolute; top:0px; left:0px; width:74px; height:167px; visibility: hidden;\"> "+
     "<div id=\"diversosfrmt\" style=\"position: absolute; top:0px; left:0px; width:74px; height:167px; "+
      "background-color:#C3E355; border-top-width: 0px; border-right-width: 1px;border-bottom-width: 1px; border-left-width: 1px;border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #93999A; border-right-color: #93999A; border-bottom-color: #93999A; border-left-color: #93999A;\"> "+
       // Artigos
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:2px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N47 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Artigos\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Artigos</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:2px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O47 OnClick=\"cFrame.execURL(\'views.tutorial.php?act=cat&cid=4', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // City MX
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:22px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N48 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'City MX\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>City MX</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:22px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O48 OnClick=\"cFrame.execURL(\'city.php', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // Cursos
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:42px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N49 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Cursos\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Cursos</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:42px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O49 OnClick=\"cFrame.execURL(\'cursos.php', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // Downloads
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:62px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N50 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Downloads\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Downloads</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:62px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O50 OnClick=\"cFrame.execURL(\'views.download.php?act=cat&cid=4', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // ENTREVISTAS
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:82px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N51 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Entrevistas\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Entrevistas</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:82px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O51 OnClick=\"cFrame.execURL(\'entrevistas.php', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // Fonts
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:102px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N52 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Fonts\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Fonts</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:102px; left:0px; width:71px; height:22px; font-family: Tahoma; font-size: 11px;"+
       "font-weight: normal; font-style: normal;"+
        "text-decoration: none; color: #003366; border: 1px solid #000000; background-color: #FFFFFF; cursor: pointer;\" "+
        "id=O52 OnClick=\"cFrame.execURL(\'views.download.php?&cid=6&act=fonte', \'_self\');\">"+
         "<span style=\"position:absolute; top: 2px; left:0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left></div>"+
          "</span>"+
       "</div>"+
       // GLOSSAÁRIO
       "<div nowrap style=\"position: absolute; white-space: nowrap; top:122px; left:0px; width:136px; height: 22px; "+
        "font-family: Tahoma; font-size: 11px; font-weight: normal; font-style: normal; "+
        "text-decoration: none; color: #003366;;\" id=N53 OnMouseOver=\"cFrame.HoverSel(0,this);status=\'Glossário\';\">"+
         "<span style=\"position:absolute; top: 2px; left: 0px; width: 130px; height: 16px;\">"+
          "<span style=\"position:absolute; top:2px; left:0px;\"></span>"+
           "<div style=\"position:absolute; top:2px; width:50px; left:2px;\" align=left>Glossário</div>"+
          "</span>"+
       "</div>"+
       "<div nowrap style=\"position: absolute; white-space: nowrap; visibility: hidden;"+
       "top:122px; left:0px; width:71px; height:22px; font-family: Tahoma; font-

[MANTONIO]

Orra muito louco esse código.
Ae vem uma linguagem nova que fais isso em apenas umas 10 linhas hehehe.

Como o Cold Fusion fais no PHP e ASP.

Bom no Fire numca vi.
Mais não custa nada eu dar um fuçada aki hehehe.

Abraços
T+

[M4573R]

Parabens volpi hahaha demorei um seculo so pra baixar te o fim d apagina!!

[fabioricotta]

Só uma frase: VOLPI POWER!

hehehe

[rbaialuna]

Baba, babe, baba...

BABEI!
hahaha!!!

Caracas Volpi!!!

E ai Marks... será que vêm???

Imagine integração COLD e esse nova.. hahaha portais com 10 lionhas de código.. record hauhaua!!

[Apenas_Iniciante]

Eu consigo fazer um menu parecido no Flash com um pouco de Action Script.

[MVolpi]

Eu consigo fazer um menu parecido no Flash com um pouco de Action Script.

A primeira versao do menu era em Flash, porem o DIV nao funciona em todos os navegadores, por exemplo no Opera dava pau no menu.... por isso que tive que trocar

[fabioricotta]

É verdade, enchi tanto o Volpi por não abrir no Opera hehehe....

Agora esse menu é mto rápido, e leve... show de bola!

[MVolpi]

Eu consigo fazer um menu parecido no Flash com um pouco de Action Script.

A primeira versao do menu era em Flash, porem o DIV nao funciona em todos os navegadores, por exemplo no Opera dava pau no menu.... por isso que tive que trocar

Da para ficar mais rapido ainda, ai eu estou carregando duas imagens, a aba cinza e a verde, se usar so CSS ele fica mais rapido ainda

[MANTONIO]

Baba, babe, baba...

BABEI!
hahaha!!!

Caracas Volpi!!!

E ai Marks... será que vêm???

Imagine integração COLD e esse nova.. hahaha portais com 10 lionhas de código.. record hauhaua!!

Bom cara de uma perguntada ae para os caras, que progama em Cold Fusion se as funções de PHP e ASP, não diminui no Cold Fusion.

Cold Fusion é a liguagem que te crescendo ae, tem poucos profissionais no mercado, mais a galera esta se interessando ae.

A progamação do Volpi ficou massa.
Ele pensou certo em fazer para todos os navegadores.
Não só Pensar no Internet explorer.

Abraços
T+

[BuNgiE]

ColdFusion é r0x...concordo com o Marks Sk8, essa é a linguagem que vai bomba no futuro, mas ainda acho que o PHP não será superado...o código, realmente, deu muito trabalho né Volpi, mas valeu a pena, todos esses cara, incluindo eu, falando bem dele...

[ironico]

Mas eu adquiri o programa.
Mesmo assim não localizei como se faz o efeito cortina com o menu.
Alguem pode ajudar ?

Abraços

[AMZ]

Bem grandinho o código mas é show mesmo o Menu. Mais de 2000 linhas é muita coisa !

[GamerX]

dae galerinha! kra eu concordo q o coldfusion e moh rox e talz, mais e mt kro 1 server desse kct!
sou mais php msm q o server e baratim e o programa é gratis!
(apesar d os cracks fazerem a festa e talz! )
e concordo com o fabioriccota, tem q funfa td no opera, heheh, a nova versao dele q funfa com voz, ta mt rooooooooooooooox! "Mx studio" dae o prog entra no site! ! rooooooooooooooox!