Ipinapakilala ang bagong bersyon ng nakamamanghang at multifunctional na vertical menu module Vertical menu 4.0.270. Ito ay isang mahusay at multi-purpose na solusyon para sa pagpapakita mismo ng menu ng Joomla o pagpapakita ng mga menu at kategorya ng iba pang sikat na karagdagang bahagi. Ang module ay ganap na na-optimize sa SEO at may madaling i-set up na administrative control panel kung saan maaari mong i-customize ang color scheme at mga tema, i-customize ang typography, display menu source at marami pang iba.

AP Accordion Menu v3.4 - accordion menu para sa Joomla

Ipinapakilala ang simple at madaling nako-customize na vertical accordion menu module AP Accordion Menu v3.4. Binibigyang-daan ka ng extension ng Joomla na ito na lumikha ng anumang bilang ng mga sub-item ng menu at sumusuporta sa mga function ng pag-click o pag-hover upang i-activate ang mga menu, magdagdag ng mga klase ng icon, subtitle para sa mga pamagat at larawan. Maaari mong i-customize ang walang limitasyong bilang ng mga kumbinasyon ng kulay o gumamit ng 3 handa at built-in na tema. Ang module ay gumagamit ng "layout" at "mga setting" na opsyon sa pagpapasadya.

Ajax Scroll v1.6 - pag-scroll para sa Joomla

Ang Quix Pagebuilder Pro ay isang propesyonal at isa sa mga pinakamahusay na tagabuo ng pahina para sa Joomla 3. Ang extension na ito ay nagbibigay-daan sa iyo na magpatupad ng mga modernong website nang hindi kinakailangang mag-edit ng CSS code at coding. Kailangan mo lang pumili ng isang handa na angkop na layout at simulan ang pagbuo gamit ang Drag & Drop na interface. Mula sa pag-andar, maaari naming i-highlight ang kumpletong SEO optimization ng mga nilikha na pahina, kadalian ng pagpapalawak at mga developer, ang pagkakaroon ng higit sa 30 elemento para sa mabilis na paglikha ng mga site, suporta para sa mga font ng Google, ang pagkakaroon ng sarili nitong media manager, isang malaking koleksyon. ng mga larawan at iba pang mga function.

Offline Vertical Menu v3.1.201

Offline Vertical Menu v3.1.201- isa sa mga pinaka-functional at versatile na mga module ng Joomla na idinisenyo para sa mabilis na pagbuo at pagdidisenyo ng anumang uri ng vertical na menu. Maaaring gamitin ang extension sa anumang mga template. Maaari mong ipatupad ang accordion menu, popup menu, tree menu at DropMenu. Maaari ka ring gumawa ng mga side panel. Kasama sa iba pang mga tampok ang ganap na nako-customize na mga animation ng paglipat, paglikha ng overlay na menu, pagpapakita ng filter ng item, pagpapakita ng custom na logo, paglalagay ng higit sa 220 mga icon, suporta para sa iba pang mga bahagi, at marami pa.

Bahagi ng menu swMenuPro 10

Ang swMenuPro v10.7 ay isang bagong release ng isa sa pinakamakapangyarihang mga extension ng Joomla na idinisenyo upang lumikha ng halos anumang istraktura at uri ng menu. Gamit ang component na ito, mabilis kang makakagawa ng apat na uri ng pop-up o drop-down na menu, tatlong uri ng mga accordion-type na menu (maaari kang lumikha ng pinagsama, dynamic o multi-level na menu). Maaari ka ring magpatupad ng multi-column o tree menu. Sa bagong bersyon, idinagdag ng mga developer ang kakayahang maglipat ng mga istilo sa ibang mga site, ikonekta ang mga larawan sa mga item, i-edit ang mga gradient, background, anino, sulok at mga font.

Patuloy kaming nakikilala sa pangangasiwa ng Joomla 3. Sa artikulong ito ay makikilala namin nang detalyado ang posibilidad ng menu ng Joomla system. Marahil ay hindi na kailangang sabihin kung ano ang menu ng site. Sapat na sabihin na sa isang website ng Joomla ang menu ay maaaring ilagay nang patayo sa kanan at/o ilagay nang pahalang sa lugar ng header ng site.

Mula sa pangkalahatang impormasyon tungkol sa menu ng Joomla, ito ay nagkakahalaga ng pagbanggit na ang mga materyal ng kategorya na hindi nakalakip sa anumang menu ng site ay hindi makikita sa site.

Mga Menu ng Joomla 3 at Mga Item sa Menu

Ang mga menu ng site ng Joomla ay nilikha ng administrator ng site o mga user ng site na may mga pahintulot na pamahalaan ang menu ng site. Ang mga karapatan sa pamamahala ng menu ay nakatakda sa tab na Mga Bahagi → Menu Manager → Mga Pahintulot.

Ang menu mismo ng Joomla ay hindi isang nagbibigay-kaalaman, ngunit isang yunit ng system ng site. Ang isang menu ay nilikha para sa paglikha sa ibang pagkakataon ng mga item sa menu na nagbibigay-kaalaman.

Tandaan: Sa website ng Joomla maaari kang lumikha ng anumang bilang ng mga menu at anumang bilang ng mga item sa menu na may anumang lalim ng nesting. Ang nesting ng menu ay isang puno ng sumusunod na uri: menu item - sub-item ng menu item - sub-item ng sub-item ng menu item, atbp.

Paano gumawa ng menu ng website ng Joomla

Upang gumawa ng menu ng site, buksan ang tab: Menu → Menu Manager → Lumikha ng menu mula sa isang pahalang na bar o Structure → Menu Manager → Lumikha ng menu para sa vertical na menu ng administratibong bahagi ng site.

Binibigyan namin ng pangalan ang menu, siguraduhing ipasok ang pangalan ng system ng menu (uri ng menu). Ang uri ng menu ay maaaring anumang salitang Latin na malinaw na nagpapahiwatig ng layunin ng menu. Halimbawa, mainmenu, homemenu, topmenu, footermenu.

Paano lumikha ng mga item sa menu (mga sub-item ng menu)

Ang paglikha ng mga item sa menu ay ginagawa sa tab: Menu → Pangalan ng menu → Lumikha ng item sa menu.

Mga Uri ng Item sa Menu

Tulad ng nabanggit ko na, ang mga item sa menu ng Joomla 3 ay mga yunit ng impormasyon ng site. Gamit ang mga item sa menu, maaari mong buksan ang mga pahina sa site na may iba't ibang impormasyon. Ang impormasyong ito ay maaaring mag-iba at depende sa uri ng impormasyon, iba't ibang uri ng mga menu ang nilikha. Tingnan natin ang mga uri ng item sa menu:

Uri ng item sa menu

1. Mga contact (4 na uri);

2. Mga news feed (3 uri);

3. Mga Materyales (7 uri), ibig sabihin

• Mga materyales sa pag-archive;
• Mga napiling materyales;
• Materyal;
• Kategorya ng blog;
• Lumikha ng materyal;
• Listahan ng lahat ng mga kategorya ng site;
• Listahan ng materyal ng isang kategorya.

4.Settings manager;

5.User manager (7 uri);

6. Mga tag (3 uri);

7.Balot;

9. System (4 na uri);

10. Matalinong paghahanap.

Tulad ng nakikita mo, maraming uri ng mga item sa menu at sa tulong ng mga ito maaari mong ayusin ang napakahusay na pag-navigate sa site.

Sapat na ang teorya, magpatuloy tayo sa pagsasanay at lumikha ng isang menu na may dalawa o tatlong mga item sa menu.

Isang halimbawa ng paglikha ng menu ng Joomla site

Gumawa tayo ng menu na tinatawag na "Menu1". Ang pangalan ng system ay magiging "menu-1".

Pumunta sa tab: Menu → Lumikha ng menu.

Sa pahina ng paglikha ng menu, tukuyin ang pangalan nito na "Menu1" at ang pangalan ng system na "menu-1".

I-click ang button na “Lumikha”.

Lahat! Nagawa na ang menu.

Ano ang ibig sabihin ng pangalan ng menu ng system?

Ipapakita ko sa iyo kung para saan ang pangalan ng menu ng system. Pumunta sa phpmyadmin, ang tagapamahala ng database ng site.

• Hinahanap namin ang talahanayan: prefix_menu_types.
• Buksan ito (mag-click sa pangalan), na tumutugma sa query ng SQL:
• PUMILI * MULA SA `prefix_menu_types`
• At nakikita natin ang pangalan ng system ng mga nilikhang menu (uri ng menu).

Konklusyon: Ang pangalan ng system ng menu ay kailangan upang lumikha ng mga natatanging halaga sa mga patlang ng talahanayan ng menu_types sa database ng Joomla.

Kaya, nilikha namin ang menu ng Joomla, oras na upang lumikha ng mga item sa menu.

Paglikha ng Joomla Menu Items

Sa tab na Menu → Mga Item sa Menu → Lumikha ng Menu, lumikha ng isang item sa menu.

class="eliadunit">

Bigyan ng pangalan ang item sa menu.

Piliin ang uri ng item sa menu. Hayaan itong isang uri ng menu: Blog ng Kategorya.

Tukuyin ang target na window: Isang bagong window na may mga elemento ng nabigasyon.

Sa kanan ipinapahiwatig namin ang pangalan ng aming menu at ang pangunahing elemento ng item na ito sa menu (2,3).

Sa iba pang mga tab, nagtakda kami ng iba pang mga setting ng item sa menu:

Mga Pagpipilian sa Layout ng Blog (3) – template ng blog. Maaari mong tukuyin ang bilang ng mga column.

Display (4) – template para sa pagpapakita ng indibidwal na materyal;

Mga setting ng pagsasama (5) – paganahin ang paglikha ng mga RSS feed para sa item na ito sa menu.

Mga Pagpipilian sa Pahina (7). Dito maaari kang magtakda ng alternatibong pamagat na makikita sa browser. Maaari mo ring paganahin ang "Pamagat ng Pahina". Ito ay makikita sa simula ng lahat ng mga pahina ng menu item na ito sa mga tag

, na tumutugma sa lahat ng pahina ng kategorya ng blog.

Metadata (8). Kailangan mong punan ang metadata para sa blog na ito, katulad ng paglalarawan at mga keyword. Ang paglalarawan ay dapat na natatangi at hindi hihigit sa 165 character ang haba. Opsyonal ang mga keyword.

Pagkatapos suriin ang lahat ng mga setting ng item sa menu, i-click ang "Lumikha" o "Lumikha ng malapit".

Lahat! Nagawa na ang menu item. Ang natitira na lang ay ilagay ang menu sa website.

Paano maglagay ng menu sa isang website ng Joomla

Maglalagay kami ng dalawang menu sa website. Pahalang na drop-down at patayo na may display ng buong menu tree.

Paano Maglagay ng Joomla Horizontal Dropdown Menu

Ang drop-down na pahalang na menu ng Joomla ay inilalagay sa isang espesyal na module ng template na tinatawag na "menu". Ang mga karagdagang field para sa paglalagay ng mga menu ay maaaring gawin sa template, halimbawa footermenu, topmenu.

Para gumawa ng menu module, pumunta sa tab: Module Manager →Gumawa ng Menu. Piliin ang uri ng module na "Menu".

Mga setting ng module ng menu

Sa tab na "Binding sa mga item sa menu," ipinapahiwatig namin kung aling mga pahina ng site ang ipapakita ang module na ito kasama ng menu.

Ang menu ay isang hiwalay na bloke na may mga item sa menu. Ang function ng menu ay upang lumikha ng isang listahan ng mga link sa iba't ibang mga materyales o mga seksyon ng site. At ang pagbuo ng mga parameter para sa output ng mga materyales na ito. Yung. kung saan ginawa ang paglipat at kung ano ang magiging hitsura ng artikulo, kategorya o seksyong ito.

Blog ng kategorya: ang mga artikulo na may extension ay matatagpuan sa pahina nang sunud-sunod sa anyo ng isang hanay o ilang mga haligi, at sa ibaba ng pahina ay maaaring mayroong mga link sa iba pang mga artikulo sa kategoryang ito.

Pagkatapos gawin ang istraktura ng nilalaman, kailangan mong lumikha ng isang menu para sa mga gumagamit ng site.

Ang menu ay isang hanay ng mga button na magdadala sa user sa mga partikular na bagay: mga artikulo, isang listahan ng mga kategorya, atbp. Maaari kang magpakita ng impormasyon sa site alinman sa anyo ng isang blog o sa anyo ng isang static na pahina.

Sa pamamagitan ng pagbubukas ng window ng "Menu Manager" (gamit ang "Menu" na buton sa control panel), makikita mo ang isang page na may mga nagawa nang uri ng menu.

Upang lumikha ng bagong menu, mag-click sa pindutang "Lumikha".

Sa pahina ng "Mga Detalye ng Menu" na bubukas, dapat mong punan ang mga sumusunod na field:

Pangalan ng system (sa Latin), pamagat - ang pangalan ng item sa menu kapag ipinakita sa site, paglalarawan ng menu at pamagat ng module - na gagamitin kapag pumipili ng paraan para sa pagpapakita ng menu sa site.

Upang lumikha ng mga item sa menu, sa "Menu Manager" kailangan mong mag-click sa pindutan ng "Mga Item ng Menu" sa hanay ng parehong pangalan.

Sa pahina ng "Mga Item sa Menu", mag-click sa pindutang "Lumikha".

at pumunta sa page na “Menu Item”.

Mayroong apat na uri ng mga item:

Seksyon – sa anyo ng isang blog o sa anyo ng isang talahanayan ng mga link (lahat ng mga artikulo sa seksyon ay ipapakita).

Materyal - sa anyo ng isang static na pahina na may materyal. (Ang ibang mga artikulo ay hindi ipinapakita sa pahina.) O isang template para sa pagpapadala ng materyal (lamang sa mga awtorisadong user na may mga karapatan na hindi mas mababa kaysa sa may-akda), kung saan maaari kang magsulat ng isang artikulo sa site gamit ang isang text editor.

Blog template sa pangunahing pahina – nagbibigay-daan sa iyo upang ipakita ang materyal sa pangunahing pahina lamang sa anyo ng isang blog. (Lahat ng mga materyales na may check na "display on main" na opsyon ay ipinapakita).

Mula sa archive - sa anyo ng isang blog na may isang filter na nagbibigay-daan sa iyo upang magtakda ng mga parameter para sa pagpili ng materyal. Upang lumikha ng blog ng kategorya, mag-click sa link na "Blog ng Kategorya".

Sa pahinang bubukas, punan ang mga patlang:

Pamagat - teksto na ipapakita sa menu

Alyas - teksto na magiging batayan ng url para sa item na ito

Ipakita sa - itali ang isang item sa isang partikular na menu

Elemento ng magulang - tukuyin ang elemento ng magulang ng item

Access - ipahiwatig ang access sa item

Buksan sa - kung saang window magbubukas ang item sa menu

Sa tab na "Mga Parameter - Pangunahing":

Paglalarawan - itago o ipakita ang paglalarawan

Larawan - ang mga paglalarawan ay nagtatago o nagpapakita ng larawan ng paglalarawan

Buong lapad - tukuyin ang bilang ng mga item ng balita na ipapakita sa buong lapad ng lugar ng nilalaman

Panimula - tukuyin ang bilang ng mga balita kung saan ipinapakita lamang ang panimulang teksto

Mga Hanay - ipahiwatig kung gaano karaming mga hanay ang pag-aayos ng mga materyales

Tandaan: Ang "Change Type" key ay nagbibigay-daan sa iyo na baguhin ang uri ng menu item.

Wala kang karapatang mag-post ng mga komento

Para sa isang site sa anumang antas, napakahalaga kung gaano kahusay ang pagkakabuo ng istilo nito, kung paano "nakadikit" ang lahat. Ngunit sa susunod na minuto, ang disenyo ay nawala sa isa pang eroplano, dahil ang nagiging mas mahalaga ay kung gaano ka maginhawa ang interface ng mapagkukunan, kung paano ipinamahagi ang mga materyales, kung gaano kalamang na makakarating ka sa anumang seksyon gamit ang menu. At pagkatapos ay dapat isipin mismo ng may-ari ng proyekto kung ang inaalok ng developer ng template ay talagang napakaginhawa, tama at komportable bang magtrabaho sa paghahanap ng mga materyales, mayroon bang dibisyon ng parehong mga artikulo sa mga kategorya? Kung ang aspetong ito ay hindi unang dinadala sa ideal, maaari mong mawala ang mga bisitang iyon na talagang makapagbibigay sa iyo ng kita, ngunit ayaw lang na makitungo sa isang hindi propesyonal na mapagkukunan, dahil kung hindi, ang organisasyon ng pag-navigate sa site ay nasa isang ganap na naiibang antas. . Ngunit hindi dapat isipin na ang mga ibinigay lamang sa Template ng menu ng Joomla Ang mga tool ay nagiging limitasyon kung saan kailangan mong magtrabaho. Upang mapabuti ang istraktura at pag-navigate ng iyong proyekto, madali mong magagamit ang mga extension, halimbawa Module ng menu ng Joomla, na may kakayahang gumawa ng napakalaking pagbabago sa segment na ito.

Mga partikular na mungkahi para sa pagpapabuti ng menu

Ano ang maiaalok sa atin ng mga extension na nasa kategoryang ito? Una sa lahat, ito ay isang iba't ibang menu. Ang pinaka-kagiliw-giliw na bagay ay ang mga developer ay nagmamalasakit hindi lamang tungkol sa maginhawang pag-setup at pagpapatakbo ng mga solusyong ito, kundi pati na rin sa hitsura ng mga ito. Para sa layuning ito, ginagamit ang animation, ang mga seleksyon ng mga kulay at iba't ibang mga font para sa menu ay ibinigay, at ang mga hanay ng mga icon ay inihanda din para sa kanila. Kahit na mas mabuti, dito makikita mo ang mga opsyon na sumusuporta sa ibang bilang ng mga antas, at nagbubukas na ito ng daan sa paglikha ng mga seryosong sistema ng nabigasyon, salamat sa kung saan maaari mong Item sa menu ng Joomla, makapasok sa anumang seksyon ng site, o kahit na ilang kategorya. Ang mga opsyon na gumagamit ng mga larawan na sumasagisag sa bawat item sa menu ay mukhang mas kawili-wili; ang mga naturang karagdagan ay nasa aming listahan na. Pumili dropdown na menu ng Joomla, mga espesyal na mega-menu na may napakalaking kakayahan, pati na rin ang accordion-menu na Joomla 3, na ginagaya ang pagtitiklop ng isang regular na accordion upang maglagay ng nilalaman. Ngunit bilang karagdagan sa mga naturang panukala, ang kategoryang ito ay may mas maraming kawili-wiling mga pag-unlad.

Paglikha ng mga kategorya at higit pa

Hindi sinasabi na ang paggamit ng iba't ibang pampakay na mga lugar, kinakailangan upang mabigyan ang mga bisita ng direktang pag-access sa mga kinakailangang materyales, at ipinapayong gawin ang bawat kategorya na naaayon sa nilalaman nito. Kung hindi mo gusto ang format kung saan ang iyong karaniwang interface ay nagpapakita ng mga kategorya, maaari mong gamitin ang naaangkop na mga extension. Upang gawin ito, makakahanap ka ng mga solusyon na nagpapakita ng mga kategorya sa isang form na katulad ng isang drop-down na menu, ang mga partikular na naka-install para sa pakikipagtulungan sa K2, o simpleng ayusin ang maginhawang pag-access sa mga koleksyon ng nilalaman na naaayon sa isang partikular na paksa. Bilang isang resulta, kahit na ikaw ay magiging mas komportable na magtrabaho sa iyong proyekto, sa simula ay namamahagi ng mga bagong resibo sa "mga istante", dahil ang parehong paghahanap at pagsasaayos ng mga naturang materyales ay nagiging mas maginhawa.

Gawing maginhawa ang paglipat sa paligid ng site

Kapag ang isang proyekto ay nilagyan ng isang maginhawang menu, kapag ang mga kategorya ay malinaw na ibinahagi sa pahina, at kahit na hindi gumagamit ng paghahanap ay makakahanap ka ng kawili-wiling materyal para sa iyong sarili - gusto mong magtrabaho kasama ang gayong mapagkukunan. Bilang karagdagan, tulad ng nabanggit sa itaas, ang lahat ng kasalukuyang mga pag-unlad ay naglalayong maakit ang pansin sa kanilang istilo ng pagganap, dahil kung wala ito imposible rin. Kaya kung hindi ka nasisiyahan sa karaniwang disenyo ng mga pangunahing elemento ng nabigasyon sa site, gumamit ng mga extension mula sa kategoryang ito hanggang gumawa ng menu ng Joomla perpekto para sa iyo.

Kumusta Mga Kaibigan! Si Zaur Magomedov ay nakikipag-ugnayan. Sa talang ito gusto kong ipakilala sa iyo ang isang magandang vertical accordion menu para sa isang site sa Joomla 2.5 - 3.0. Ang menu na ito ay napaka-simple at hindi nangangailangan ng pagpapatupad ng maraming code, na isang bagay na madalas kong binibigyang pansin. Tulad ng sinasabi nila - "Mas mababa ang mas mahusay."

Natalakay na namin sa mga nakaraang post ang paglikha ng pahalang na menu at paglikha ng pahalang na multi-level na menu para sa joomla 2.5. Ngayon ay nakarating na kami sa vertical.

Una, tingnan ang demo upang makita kung ano ang hitsura ng lahat, kung gusto mo ito, pagkatapos ay i-download ang package kasama ang mga source file.

Natagpuan ko ang menu na ito sa Internet at nagpasyang iakma ito para sa isang site gamit ang cms Joomla, dahil... Ako mismo ay talagang nagustuhan ang menu na ito, kapwa sa hitsura at kadalian ng koneksyon. Ang pagkakaroon ng bahagyang naayos ang script ng menu mismo at ang mga estilo ng CSS, nakuha ko ang parehong resulta tulad ng sa .

Pagkonekta ng mga menu sa joomla 3.x.x

Una sa lahat, i-unpack ang archive sa isang partikular na folder sa iyong computer. Ang susunod na gagawin namin ay kopyahin ang mga imahe mula sa folder ng mga imahe sa folder ng mga imahe ng iyong template. Karaniwan sa maraming mga template ito ang folder ng mga imahe, kung iba ang tawag sa iyo, halimbawa, img, dapat mong baguhin ang mga landas sa mga imahe sa style file - vmenu.css. Kailangan din nating ikonekta ang isa sa mga script ng menu. Iminumungkahi kong gumawa ng "js" na folder sa ugat ng iyong template at ilagay ang mga script file dito - menu.js o menu-collapsed.js. Bakit dalawang file? Ang katotohanan ay, kung napansin mo, sa demo site mayroong dalawang pagpipilian para sa pagpapakita ng menu na ito. Maaari mong maingat na tingnan kung paano sila naiiba sa bawat isa. Ikonekta ang iyong paboritong bersyon ng menu.js o menu-collapsed.js script. Ang opsyon 1 ay ang menu-collapsed.js script at ang opsyon 2 ay menu.js. Upang gawin ito, sa pinakadulo simula ng template na index.php file, ipasok ang mga sumusunod na linya:

$doc = JFactory::getDocument(); // kumuha ng mga parameter
$doc->addStyleSheet(JUri::base().’/templates/’.$this->template.’/css/vmenu.css’); // isama ang styles file
$doc->addScript(JUri::base().’/templates/’.$this->template.’/js/menu-collapsed.js’); // ikonekta ang script ng menu, sa kasong ito ito ay opsyon 1
?>

Kailangan din namin ang jQuery library, ngunit sa joomla3 ito ay kasama na bilang default, dahil balangkas ang ginagamit.

Kaya, ang css file ay naglalaman ng sumusunod na code:

/********************************
Vertical dropdown menu accordion
************************************************************/
ul.vmenu (


margin: 0;
padding: 0;
list-style:none;
}
ul.vmenuli(
margin: 0 0 2px;
}
ul.vmenu li a (

hangganan: 1px solid #D5D5D5;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
hangganan-radius: 3px;
kulay: #515151;
display: block;
padding: 5px 8px;
text-dekorasyon: wala;
}
ul.vmenu li > a:hover, ul.vmenu li.active > a, ul.vmenu li >
ul.vmenu li.parent > a:pagkatapos (

display:block;
nilalaman:"";
float:right;
margin:8px 5px 0 0;
taas:3px;
lapad:6px;
}
/* Mga drop-down na item */
ul.vmenu li ul (
font-weight: normal;
margin: 10px 0 10px 15px;
list-style:none;
}
ul.vmenu li ul li (
background:wala;
margin:0 0 5px
}
ul.vmenu li ul li a (

hangganan: katamtamang wala;
padding: 0 0 0 15px;
}
ul.vmenu li ul li a:hover (kulay:#29719E;text-decoration:underline)
ul.vmenu li ul li.active a (kulay:#29719E; font-weight:bold)

/*********************
Vertical drop-down na menu accordion - opsyon 2
************************************************************************/
ul.vmenu2 (
font: bold 12px Arial,Helvetica,sans-serif;
list-style: wala sa labas wala;
margin: 0;
padding: 0;
list-style:none;
}
ul.vmenu2li (
margin: 0 0 2px;
}
ul.vmenu2 li a (
background: url("../images/vmenu-li-bg.jpg") kaliwang ibaba repeat-x;
hangganan: 1px solid #D5D5D5;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
hangganan-radius: 3px;
kulay: #515151;
display: block;
padding: 5px 8px;
text-dekorasyon: wala;
}
ul.vmenu2 li > a:hover, ul.vmenu2 li.active > a, ul.vmenu2 li > a:focus (kulay ng background:transparent; kulay:#0088CC)
ul.vmenu2 li.parent > a:pagkatapos (
background:url("../images/arrow-dropdown.png") no-repeat;
display:block;
nilalaman:"";
float:right;
margin:8px 5px 0 0;
taas:3px;
lapad:6px;
}
/* Mga drop-down na item */
ul.vmenu2 li ul (
font-weight: normal;
margin: 10px 0 10px 15px;
list-style:none;
}
ul.vmenu2 li ul li (
background:wala;
margin:0 0 5px
}
ul.vmenu2 li ul li a (
background: url("../images/vmenu-arrow.png") walang-uulit na scroll 5px center transparent !important;
hangganan: katamtamang wala;
padding: 0 0 0 15px;
}
ul.vmenu2 li ul li a:hover (kulay:#29719E;text-decoration:underline)
ul.vmenu2 li ul li.active a (kulay:#29719E;timbang ng font:bold)

Ang file na ito ay naglalaman ng mga estilo ng parehong mga opsyon at maaari mong alisin ang mga estilo ng opsyon sa menu na hindi mo kailangan.

Ngayon na mayroon na kaming lahat ng mga item na nilikha, maaari kaming lumikha ng isang module kung saan ipapakita namin ang aming menu sa isa o isa pang modular na posisyon ng template. Pinili ko ang kaliwang column. Pumunta sa menu manager at mag-click sa link na "Magdagdag ng module para sa uri ng menu na ito" sa tapat ng aming ginawang menu. Maaari ka ring lumikha ng menu module sa sumusunod na paraan - pumunta sa module manager: Mga Extension -> Module Manager -> Lumikha -> Menu (piliin ang uri ng module).

Pumunta sa tab na "Mga Advanced na Setting". Dito kami ENTER A SPACE at ipasok ang menu class suffix - vmenu. Para saan ito? Maaaring mayroong higit sa isang menu sa site, at upang hindi mag-overlap ang kanilang mga istilo, ipinakilala namin ang isang alternatibong klase sa walang bilang na listahan ng mga menu. Kung nagustuhan mo ang pangalawang opsyon para sa pagpapakita ng menu, pagkatapos ay ipasok bilang isang suffix na pinaghihiwalay ng isang puwang - vmenu2.

Iyon lang, pagkatapos gawin ang mga setting, i-save ang module. Kung ginawa mo nang tama ang lahat, may lalabas na menu na katulad ng nasa website sa iyong website.

Paalalahanan kita muli! Mayroong dalawang mga opsyon sa menu sa demo site at malamang na pipili ka ng isa sa kanila. Sa kasong ito, hindi na kailangang isama ang parehong mga file ng script, isa lamang ang sapat.

• File menu-collapsed.js. - ito ang aming opsyon 1 - Accordion menu - opsyon 1
• Ang menu.js file ay ang aming opsyon 2 - Accordion menu - opsyon 2
• Suffix ng klase ng menu (na pinaghihiwalay ng puwang) para sa opsyon 1 - vmenu
• Suffix ng klase ng menu (na pinaghihiwalay ng puwang) para sa opsyon 2 - vmenu2

Batay dito, ikonekta ang file na kailangan mo. Maaari mo ring tanggalin ang mga istilo sa css file para sa isang opsyon na hindi namin kailangan, upang hindi na muling mag-load ng dagdag na kilobytes.

Pagkonekta ng mga menu sa joomla 2.5.x

Ang pagkonekta ng menu sa joomla 2.5 ay hindi naiiba sa pagkonekta sa joomla 3, maliban na kailangan nating ikonekta ang jQuery library. Upang gawin ito, idagdag ang sumusunod na linya sa code sa itaas:

$doc->
?>

Makakakuha tayo ng ganito:

$doc = JFactory::getDocument(); //kumuha ng mga parameter
$doc->addScript('http://code.jquery.com/jquery-latest.min.js'); //isama ang pinakabagong bersyon ng jQuery library
$doc->addScript(JUri::base().’/templates/’.$this->template.’/js/menu-collapsed.js’); //ikonekta ang script ng menu, sa kasong ito ito ay opsyon 1
?>

At isa pa. Sa joomla 2.5 walang uri ng item ng menu Mga link ng system -> Header, mayroon lamang isang uri ng separator ng teksto - Separator, ngunit hindi angkop sa amin ang ganitong uri ng item, dahil Ang pamagat ng item sa menu ay hindi mapapalibutan ng isang link. Sa kasong ito, kailangan mong piliin ang uri ng “External URl” at ipasok ang placeholder - # bilang URL. Lahat ng iba ay pareho.

Yun lang ang gusto kong sabihin. Kung ang isang bagay ay hindi gumagana (marahil ay nagkamali ako sa isang lugar sa teksto), pagkatapos ay magtanong sa mga komento. Bye everyone, see you sa mga susunod na post!