Jump to content

Tutorial Drop Down Menu


gaby

Recommended Posts

Un meniu interesant este "drop down menu". Cu dreamweaver se poate face foarte usor asa ceva. Nu e cine stie ce, dar pentru cei ce nu stiu...

1. Deschideti un document cu Macromedia Dreamweaver.

2. Creati un link.

1qm2ub6.png

3. Selectati linkul, apoi apasati Shift + F4 (sau selecati din meniul de sus: Window>> Behaviors. Dati click pe "+". Ar trebui sa apara o lista cu mai multe optiuni. Selectati "Show Pop-up Menu".

2qa2du2.png

4. Scrieti acolo toate linkurile, personalizati meniul cum doriti, apoi apasati "Ok".

Meniul este gata. In acelasi folder cu fisierul (.html, .htm, .php, etc) in care se afla meniul a fost creat un document javascript (.js). Acesta trebuie upload-at pe server odata cu fisierul in care este inserat meniul.

Un exemplu puteti downloada de exead7.gifaici.

Te-ai inregistrat? Ne-ar placea sa te prezinti.

Cum pot sustine forumul?
Cumpara de la eMag folosind acest link.
--------------------
oG2BN9d.gifse1WdXd.gifQG6MtmI.gifRHYjDzD.gifG5p1wui.gif

Link to comment
Share on other sites

pai de exemplu ai un site si vrei sa faci un Link cu mai multe subcategorii ei bine folosesti ce am zis eu mai sus.in legatura cu toolbarul ti-am spus ca iti spun pe messenger.

Te-ai inregistrat? Ne-ar placea sa te prezinti.

Cum pot sustine forumul?
Cumpara de la eMag folosind acest link.
--------------------
oG2BN9d.gifse1WdXd.gifQG6MtmI.gifRHYjDzD.gifG5p1wui.gif

Link to comment
Share on other sites

  • 2 weeks later...

nu. vrei sa il pui pe forum ? atunci trebuie sa faci modificarea in index_body.tpl. (adica sa faci ce am spus eu in tutorial dar nu intr-o pagina separata ci in index_body.tpl), sau daca tot ai facut copiezi doar scriptul in index_body.html.

<script language="JavaScript">
<!--
function mmLoadMenus() {
 if (window.mm_menu_0303210308_0) return;
 window.mm_menu_0303210308_0 = new Menu("root",52,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
 mm_menu_0303210308_0.addMenuItem("aaa","location='http://wadsa/.ro'");
 mm_menu_0303210308_0.addMenuItem("asda","location='httdsada.ro'");
  mm_menu_0303210308_0.hideOnMouseOut=true;
  mm_menu_0303210308_0.bgColor='#555555';
  mm_menu_0303210308_0.menuBorder=1;
  mm_menu_0303210308_0.menuLiteBgColor='#FFFFFF';
  mm_menu_0303210308_0.menuBorderBgColor='#777777';

 
   window.mm_menu_0303210453_0 = new Menu("root",63,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
 mm_menu_0303210453_0.addMenuItem("Link&nbsp;1","location='http://www.pctroubleshooting.use.ro'");
 mm_menu_0303210453_0.addMenuItem("Link&nbsp;2","location='http://www.pctroubleshooting.use.ro'");
 mm_menu_0303210453_0.addMenuItem("Link&nbsp;3","location='http://www.pctroubleshooting.use.ro'");
  mm_menu_0303210453_0.hideOnMouseOut=true;
  mm_menu_0303210453_0.bgColor='#555555';
  mm_menu_0303210453_0.menuBorder=1;
  mm_menu_0303210453_0.menuLiteBgColor='#FFFFFF';
  mm_menu_0303210453_0.menuBorderBgColor='#777777';

mm_menu_0303210453_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<a href="http://www.pctroubleshooting.use.ro" name="link3" id="link1" onmouseover="MM_showMenu(window.mm_menu_0303210453_0,216,16,null,'link3')" onmouseout="MM_startTimeout();">http://www.pctroubleshooting.use.ro</a>[/code]

[b]P.S: NU copiezi scriptul pe care ti l-am dat eu mai sus, ci pe al tau.[/b]

Te-ai inregistrat? Ne-ar placea sa te prezinti.

Cum pot sustine forumul?
Cumpara de la eMag folosind acest link.
--------------------
oG2BN9d.gifse1WdXd.gifQG6MtmI.gifRHYjDzD.gifG5p1wui.gif

Link to comment
Share on other sites

  • 3 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.