Letöltés Függőleges menü a Joomla 3. Hogyan készítsünk menüt a menüben a menüben, a képek menüjében, a rejtett menüben

Áttekintés modulok menü a CMS Joomla 3.x.

1. Maxi menü CK.

CMS.Joomla 2.5 / 3.x.

Erőteljes, SEO Optimalizált modul egy vízszintes vagy függőleges legördülő menü létrehozásához adaptív kialakítással és gyönyörű hatásokkal. Ezenkívül a modul számos példányának egyik oldalán lehet közzétenni. Sajnos a bővítés ingyenes verziójának funkcionalitása nagyon korlátozott.

A modul telepítése után a képernyőn megjelenik a linkek a dokumentáció letöltéséhez és a fizetett opciók letöltéséhez: kiterjesztett grafikus témakörök, plug-in, a menü vezérléséhez, a "VirtueMart" komponensek, a "Hikashop" komponensek, a "Hikashop" "és K2, és egy plug-in a megfelelő megjelenítéshez létrehozott menü a mobileszközökön.

Ezután el kell mennie a "Modul Manager" és a "Maxi menü CK" kiválasztása. A kezelőpanel modul lapján kiválaszthat egy menüt, hogy közzéteszi, írjon be egy egyedi modulazonosítót, az alapmenüpontot és a kezdeti és végső szintjét, és kikapcsolhatja a subleyer opciót is.

Ezenkívül a menübeállítás varázsló:

Könnyű használat A menü varázsló gyorsan válthatunk a menü típusát és a kívánt opciókat, de lényeges a legtöbb, csak abban az esetben további fizetett telepített bővítmény. A "Kötés a menüelemekhez" lapon kiválaszthatja azt a webhely oldalakat, amelyeken a modul megjelenik; A "Effect Options" lap lehetővé teszi, hogy tiltsa le a JavaScript hatásainak használatát, válassza ki a letöltési típust, és állítsa be a vizuális effekteket az elemek és menüpontokhoz. A Stílusok opcióban kiválaszthatja a menü témáját (három alapértelmezés szerint elérhető, a menü tájolása, az Adaptív menü kialakítása letiltja, és válassza ki a sablon CSS-fájlját.

A "Logo Opciók" szakaszban kiválaszthat egy logófájlt, amely megjelenik a menüben, hozzáadhat egy linket, és meghatározza pozícióját, szélességét, magasságait és bemélyedését. Miután kiválasztotta a sablon menüpontját, és módosítsa az állapotot a "Public" menüpontra, megjelenik a menü a webhelyen.

A webhelyen működő kiterjesztés így néz ki:

Ez a menü (a fizetett javítás telepítése után) optimálisan használható az online áruház főmenüjeként a "Joomshopping", a "VirtueMart" vagy a "Hikashop", mivel lehetővé teszi, hogy automatikusan megjelenítse az áruk kategóriáinak listáját.

2. ARI EXT menü.

A bővítés teljes mértékben kompatibilisCMS.Joomla 1.5-1,7 / 2.5 / 3.x.

Testreszabható menümodul, amely a vízszintes és függőleges tájolást támogatja, két átmeneti hatás.

A kiterjesztés beállításához el kell mennie a "Extensions Manager", válassza ki a betöltött modulfájlt párbeszédesen, és kattintson a "Letöltés és telepítés" gombra. A modul beállításaiban kiválaszthat egy menüt, amelyet a modul, a menü tájolását, a hierarchia kezdeti és végszintjét, valamint az ilyen paraméterek beállítását is beállíthatja, hogyan jelenítsük meg csak aktív menüpontokat, jelölje ki az aktuális menüpontot. A rendszerbeállítások elérhetőek az Extjs könyvtár betöltése, az egyedi azonosító betöltése és generálása. A tételek és az al-záradék menüpontjainak paramétereit is beállíthatja: színes háttér, szöveg, betűméret, igazítás, stb. A fejlett modul beállításai meglehetősen szabványosak, és tartalmaznak gyorsítótárazási paramétereket, gyorsítótárazási időt, HTML-című modul, bootstrap méret, HTML és CSS fejlécosztály. A modul helyzetének és közzétételének beállítása után a következő típusú menü jelenik meg az oldalon:

3. Accordeon menü CK.

A bővítés teljes mértékben kompatibilisCMS.Joomla 2.5 / 3.x.

Egy másik menü a Joomlack Studio-ről. Lehetővé teszi a gyönyörű effektusok beillesztését az almenü megnyitásakor, hogy ismételje meg a modult az oldalon. A modul funkció a más modulok beillesztésének képessége. A modul mellett is fizetett foltok a Hickashop és a VirtueMart számára.

A kiterjesztés telepítéséhez szükséges standard eljárás után a képernyő megjelenik a képernyőn a modul sikeres telepítésével, és a hivatkozás a dokumentáció letöltéséhez, valamint a link megtekintéséhez, valamint a modul egyikének megtekintése .

A modul kezelőpaneljének bekapcsolásával kiválaszthat egy menüt a modulban, az alapmenüpont, a kezdő és a végső szintek, valamint az utótagok és a hivatkozás illesztésének beállítása a képekhez. A Effects fülön kiválaszthatja azt az eseményt, amelyen a menüelem megnyitja, hogy a link megjelenik, ha az egérmutatót a képre, az átmenet típusára helyezi, az átmenet típusát, az aktív almenü hatásainak használatának szükségességét; Beállíthatja a menüpont azonosítóját, alapértelmezés szerint aktív. A Stílusok lapon kiválaszthatja a Design Topic menüpontot, adja meg a mappákat a megjelenítendő képeknél, amikor a menü be van kapcsolva, valamint adja meg az igazítási pozíciót. A menüstílusok fül tartalmaznak a menü megjelenésének többségét: mezők, hátsó terv, menüelemek, árnyékok és határok csengése. Az "Első szintű Link Styles" lapon, a második szintű linkstílusok és az Oter Level Link Styles, megváltoztathatja a Font, szöveg színét és hátterét a menüelemekben megjelenített hivatkozásokhoz. A harmadik félbővítmények beállításainak lapja a Hikashop és a VirtueMart komponensek kompatibilitási beállításokhoz készült, és a megfelelő javítások betöltését és telepítését igényli. A mobil opciók beállítása az ingyenes kiterjesztésű verzióban is nem érhető el.

A sikeres működés érdekében meg kell adnia a modult a menüelemekhez, adja meg pozícióját és közzéteszi. Az alábbiakban egy példa a modul működésére a helyszínen.

4. Jb legördülő menü a bootstrap

A bővítés teljes mértékben kompatibilisCMS.Joomla 2.5 / 3.x.

A Twitter bootstrap és a jbootstrap segítségével futó menümodul a beépített Joomla menümodulon alapul. A modul telepítése szabványos. A modul beállításaiban csak a rendszer egyik menüjének kiválasztásához szükséges, a kezdő és a végső menü kiválasztásához szükséges szinten, és testreszabhatónak is van a menü albekezek megjelenítésének képessége. Miután hozzárendeli ezt az elemet a modulhoz, és közzéteszi azt, a következő nézet menü jelenik meg az oldalon:

5. DJ-menü.

A bővítés teljes mértékben kompatibilisCMS.Joomla 2.5 / 3.x.

Menü a legördülő listával és az animált hatások a Mootools alapján. A modul telepítése szabványos. A bővítési beállítások modul lapján ki kell választania egy menüt, amelyen a modul megjelenik, valamint határozza meg az utolsó szintjét, és szükség esetén engedélyezze a menü kimenetét a kis képernyőkön, és állítsa be szélességét ügy. A CSS3 Animációk és a Script funkciók lap lehetővé teszi az animációs effektek konfigurálását, amikor belép és kimenet a menüből, valamint az animációs sebesség, állítsa be a késleltetési időt, amikor az almenü zárva van, a fejléc CSS-osztálya, HTML-címke és a bootstrap mérete.

Az alábbiakban egy példa a menü modul használatával.

Az áttekintésben megtekintett összes modul a CMS Joomla 3.x menü futtatásához való létrehozáshoz lehetővé teszi, hogy létrehozhasson egy menüt a SuBleVels-szel. A legfontosabb modulok nagyrészt megkülönböztetik bizonyos animációs hatások jelenléte és a mobil eszközök megjelenítésének lehetőségével. Ezért a mobil felhasználókorientált webhelyek esetében (és egyre több van), érdemes preferenciát a "DJ-MENU" modulra. Az Accordon menü CK modul jó, mert lehetővé teszi, hogy beillessze egy másik modul tartalmát; A "JB-legördülő menü" modul a legegyszerűbb és egyszerű és "egyszerű" kiterjesztés és jól néz ki egy párban, például az alapértelmezett Joomla menü modullal. A Maxi menü CK moduljának funkcionalitása lenyűgöző, de mivel jelentősen korlátozott az ingyenes verzióban, annak érdekében, hogy kihasználhassák, pénzügyi befektetésekre van szükség.

A helyszínen bármilyen szinten nagy jelentőséggel bír, mennyire jól van a stílus, hogy minden "ragasztott" együtt. De a következő percben, a tervezés egy másik tervre költözött, mert sokkal fontosabbá válik, mennyire kényelmes az erőforrás-interfész megszervezése, az anyagok elosztása, hogy mennyire valószínű, hogy a menü használata bármely szakaszban elérhető. És akkor a projekt tulajdonosa már azt kell gondolnia, hogy a sablonfejlesztő azt sugallja, hogy a sablon fejlesztője olyan kényelmes, és kényelmes dolgozni az anyagok keresésével, ugyanazon cikkek megosztása a kategóriákban? Ha ez a szempont nem hoz létre kezdetben az ideális előtt, elveszítheti azokat a látogatókat, akik valóban nyereséget tudnak hozni, de egyszerűen nem akartak foglalkozni egy nem szakmai erőforrással, mert egyébként a szervezet navigációs szervezete teljesen különböző szint. De nem kell gondolkodnia, hogy csak a Joomla menü sablon Eszközök, az a korlát, amelyre dolgozni kell. A struktúra javítása és a projekt navigálásához könnyen használhatja a kiterjesztéseket, például Joomla modul menüképesek nagyon jelentős változtatásokat tenni ebben a szegmensben.

Specifikus hibák a modell menübe

Mi lehet meghosszabbítani az ebben a kategóriában szereplő kiterjesztéseket? Először is, ez a különböző menük. A legérdekesebb dolog az, hogy a fejlesztők nemcsak a megoldások kényelmes testreszabásáról és munkájáról gondoskodnak, hanem arról is, hogy hogyan néznek ki. Ebből a célból az animációt alkalmazzák, a színek színek, különböző típusú betűtípusok a menüben, valamint számukra, az ikonok készletei készülnek. Mi még jobb, itt találsz lehetőséget a különböző számú szint támogatására, és ez már megnyitja a komoly navigációs rendszerek létrehozását, amelynek köszönhetően Joomla menüpont, lépjen be a webhely bármely részébe, vagy akár néhány kategóriába. Érdekesebb, az opciók figyelik azokat a képeket, amelyek szimbolizálják az egyes menüelemeket, az ilyen kiegészítések már szerepelnek a listán. Választ Joomla legördülő menü, Special Mega menü, hatalmas funkciókkal, valamint a harmonika - Joomla 3 menü, amely utánozza a szokásos harmonika összeomlását a tartalom befogadására. De az ilyen javaslatok mellett ez a kategória sokkal érdekesebb fejlődéssel rendelkezik.

Kategóriák és egyéb létrehozása

Természetesen, hogy a különböző tematikus irányok felhasználásával a látogatók közvetlen hozzáférést kell biztosítani a szükséges anyagokhoz, kívánatos, hogy mindenkinek a megfelelő töltelék minden kategóriáját elvégezzék. Ha a szabványos interfész megjeleníti a kategóriákat, akkor nem tetszik, használhatja a megfelelő kiterjesztéseket. Ehhez olyan megoldásokat találsz, amelyek olyan megoldásokat találnak, amelyek a legördülő menühöz hasonló formában találhatók, azok, amelyek kifejezetten a K2-vel való együttműködésre vonatkoznak, vagy egyszerűen megszervezik a megfelelő témakörnek megfelelő tartalom kiválasztását. Ennek eredményeképpen még kényelmesebb lesz a projektjével való együttműködés, kezdetben új érkezések elosztása a "polcokon", mert a keresés, és az ilyen anyagok kiigazítása kényelmesebbé válik.

Utazás a helyszínen valóban kényelmes.

Ha a projekt kényelmes menüvel van felszerelve, akkor a kategória egyértelműen elosztva az oldalon, és még a keresés használata nélkül is megtalálhatja a szórakoztató anyagot magának - Szeretné dolgozni ezzel az erőforrással. Ezenkívül, amint azt fent említettük, az összes jelenlegi fejlemény célja is arra irányul, hogy figyelemmel kíséri a végrehajtás stílusát, mert ez nélkül is lehetetlen. Tehát ha nem elégedett a webhelyen található szabványos navigációs elemekkel, használjon kiterjesztéseket ebből a kategóriából tegye a Joomla menüt Ideális az Ön számára.

Ma beszélünk arról, hogyan kell dolgoznunk a Joomla 1.7-2.5 menüjével. Nevezetesen, hogyan lehet megjeleníteni a menümodult a Joomla sablon pozíciójához, a menüelem szöveges anyagának vagy a Joomla komponens egyik kívánt oldalához. Az út mentén fontolja meg, hogyan lehet meghatározni, hogy mely pozíciók léteznek a Joomla sablonában, és amelyek kifejezetten a sablon helyét repedni. Azok, akik a Joomla 1.5-vel dolgoznak, a cikk is hasznos lesz, mert a Jumla adminisztrátorok új ágai eltérnek a Jumla 1.5-es fickójától.

Ezt megelőzően megvizsgáltuk a helyi tárhelyet, szétszereltük, hogyan kell csinálni.

Miután általában különböző modulokat jelenít meg általában, fontolja meg részletesebben. Elmegyünk a Joomla admin ( _HTTP: // your_sight / adminisztrátor). A főmenüben válassza ki menü-\u003e Menükezelő-\u003e Menü létrehozása

A megnyíló ablakban adja meg a menü típusát (menürendszer neve, latin szimbólumok) Joomla, menü Cím (megjelenik a Control Panel), leírása Joomla menü (opcionális). Kattintson a "Mentés" gombra. A menüfejléc és a menü típusa lehet, de jobb, ha a név értelmében megfelelő nevet állíthat be. A példában Megadtam az „menü a bal oldalon, leftMenu” mert megyek a menü megjelenítéséhez a bal oldali sávon a Joomla sablon (a példában azt a szabványos Joomla Beez_20 sablon).


A Joomla menü létrejön, továbbra is hozzá kell adnia egy pár három elemet, és megjeleníti a sablont a kívánt pozícióba.

Menüpontok hozzáadása a Joomla-ban

Hozzunk létre egy elemet az éppen létrehozott menü (menü balra), a menüpontnak lesz az "anyag" típusú "anyag", azaz. Ehhez a menüponthoz megjelenik a Joomla anyag.

Menüpont létrehozásához válasszon " menü-\u003e Menü Név-\u003e Menüpont létrehozása".

A megnyíló ablakban szüksége van:

• válassza a "Menüpont típusa" lehetőséget
• adja meg a "menücímet".

A mezők kitöltése érdekében:

• Alias \u200b\u200b- a Jumle 1.7-2.5-ben automatikusan létrehozható, a Joomla 1.5-ben, egy harmadik fél plug-in használatra került. Ha meg kell adnia az Alias-t, ha szükségtelen, akkor automatikusan létrehozásra kerül a menüelem fejlécének átírásával. A menüpont aliasát a CNC (emberi érthető URLAS) címek részeként használják. Ha a "Hírek" nevű menüelem, és az SEF be van kapcsolva a jumlow-ban, és az utótagokat a címben használják, akkor a menüpont kiválasztásakor az oldal megnyílik a címmel _HTTP: //vash_syt/news.html.
• MEGJEGYZÉS - Bármely szöveget adhat meg. Ez a szöveg szükséges ahhoz, hogy az Undorgett, hogy miért hozzon létre menüpontot).
• Link - Töltse ki automatikusan, ha kiválaszt egy menü típus (például az "Anyaga" menü lehet index.php? opció \u003d com_content & nézet \u003d cikk és id \u003d 1). Ha a menü típusa egy külső link, akkor ezen a területen meg kell adnia egy külső linket.
• Állapot - 3 állam: közzétett, nem közzétett, a kosárban. Ha létrehozza a menüpontot, akkor hagyja el, ahogy van ("Megjelent").
• Hozzáférés - 3 állam: mindenki számára, az adminisztrációhoz regisztrált. Hagyja az összeset, ha mindenkinek szeretné látni ezt a menüpontot.
• Menü - Adja meg azt a menüt, amelyhez alapértelmezés szerint létrehozza az elemet, akkor a menü akkor van kiválasztva, amelyre ezt az elemet létrehozza.
• Szülői elem - Megadhatja az Elsie menü szülőmenüjét, amelyhez csatolt elemet kell létrehoznia.
• Rendelés - Megadhatja, hogy melyik pontot követi a létrehozott elemet. A következő sorrend jobb konfigurálása a menükezelőben (Menü -\u003e Menü neve).
• A célablak - Hogyan nyissa meg a linket - egy új ablakban (külön lapok, felugró ablak) vagy az aktuális oldalon.
• Főoldal - Válassza ezt az opciót, ha ezt a menüpontot kell kötnie a főoldalra, azaz. Alapértelmezés szerint a Joomla menüponthoz csatlakoztatott tartalom megjelenik a főoldalon.
• Nyelv - hagyja, ahogy van ("ALL").
• Sablonstílus - Kiválaszthatja, hogy mely sablont fogja használni, mint az oldal tervezés az elemre.

A Select gombra kattintva megjelenik egy előugró ablak. Mivel összegyűjtöttünk egy menüelem létrehozására, amely a Joomla cikkre utal, majd ki kell vágni az "anyag" elemet "anyagot"

az előző ablak megnyílik, amelyben a "Link" mező kitölthető, és a mező, amelyben a mező kiválasztható. Válassza ki a kívánt anyagot (előkészíteni kell).

A menü létrehozása után és kitöltve a szükséges számú elemet, megjeleníthető a Joomla sablonban szabványos modul használatával, de korábban el kell döntenie, hogy mennyit és milyen pozíciók vannak a sablonban.

Meghatározzuk a sablonban elérhető pozíciókat és helyüket.

A jumla modulok az úgynevezett pozícióban jelennek meg a sablonban. Ha megnyitja az index.php fájlt (a joomla sablonok a mappában találhatók: sablonok, webhely gyökerében) szinte bármilyen sablonból észleli a következő sorokatcountmodules ("pozíció-12")) :?\u003e

Hogyan nem nehéz kitalálni, a "pozíció-12" a Joomla sablon helyzetének neve.

jegyzet: Az 1.5-ös verzióból származó Joomla 1.6 és régebbi különbségek egyike a helyzetnevek. A Joomla 1.5 pozíciókat hívták: user1, user2, ..., bal, jobb, bannerek, felső ... az alapértelmezett pozíciók definiált pozíciók: pozíció-1, pozíció-2, ... hogy véleményem szerint nem Kényelmes, bár nem alapvetően. Azonban megváltoztathatja a pozíció nevét manuálisan, hogy jobban ismertesse Önt, változtassa meg a számukat, mindezt a "templateetails.xml" fájl szerkesztésével végezzük el a Joomla sablonból.

Ami a kimeneti modul kódját illeti a sablon helyzetéhez. A feltételes kijelentés első sorában ellenőrizni kell, hogy van-e legalább egy modul ebben a helyzetben, ha van, akkor a következő sor az összes modulot a megadott sablon helyére adja ki, a modulban meghatározott sorrendben A kezelő elérhető az admin.

Annak ellenőrzésére, hogy mely pozíciók állnak rendelkezésre a Joomla sablonban, lépjen kapcsolatba a _http: // your_sight /? Tp \u003d 1. Ennek eredményeképpen a Joomla oldalon található webhely oldala megjelenik a böngészőben, amelyben az összes rendelkezésre álló pozíciót a kontúr jelöli, és aláírja azt a feliratot, amely megfelel a pozíció címének.

Alapértelmezés szerint a Joomla 1.6-2.5 eléri azt a képességet, hogy bemutassák, hogy mely pozíciók állnak rendelkezésre a sablonban ( tp \u003d 1. Nem eredményezi. Ez nem rossz innováció, mert nem mindig szüksége van az idegen tudni, hogy van egy webhelye a Joomla-nál, vagy tudta új Buty-t a webhelyéről. Ezért a webhelyfejlesztési szakaszban ez a funkció bekapcsolódik a Joomla Admin Admin, és ha nem kell kikapcsolnia a sablonban rendelkezésre álló pozíciók helyzetét.

Annak érdekében, hogy lehetővé tegye a Joomla sablonban rendelkezésre álló pozíciók megjelenítését, a következőket kell tennie: forduljon a menüelemhez " Extensions-\u003e sablonkezelő"

a "Sablonok" lapon kapcsolja be a "Modul pozíció" kapcsolót "Engedélyezve" gombra.

Most már a webhely címének végéhez képest ( ? Tp \u003d 1) Nézze meg, hogy mely pozíciók léteznek a sablonban, és milyen helyen vannak.

Jelenítse meg a Joomla menümodult a sablon kívánt helyzetében

Annak érdekében, hogy a webhely oldalain létrehozott menüjét a modul (mod_menu) segítségével kell megjeleníteni. A modulkezelőbe (bővítés-\u003e modulkezelő) megyünk.

A megnyíló ablakban kattintson a "Create" gombra.

A felbukkanó ablakban válassza ki a modul típusát - "MENU".

Ezután adja meg: a modul fejlécét (a MODULE fejléc (a menüben szerepeltem), mutassa meg a címet - általában leválasztott, kattintson a pozícióválasztás gombra, és válassza ki a kívánt pozíciót a felbukkanó ablakból (én választottam a 7-es pozíciót, Mivel ez a pozíció a sablonom bal oldalán van), az állapot - a közzétett állapotban van.

Az alacsonyabb beállítási csoportban megadhatja a webhelyen található különböző menük elemeihez kötődő modult. Elkészíthető, hogy egy bizonyos modul kimenetet készítsen a főbb, és más oldalakon nem lesz vagy például a híroldalon visszavonul egy olyan modult, amely rövid híreket mutat.

Kiváló minőségű videó a Joomla webhelyek létrehozásáról

Nos, végül. Az anyag jobb asszimilációjához ajánlom a videót a Joomla 1.5 menü létrehozására

Hello barátok! Érintő Zaur Magomedov. Ebben a jegyzetben szeretném bemutatni Önnek egy nagyon vertikális harmonika menüt a helyszínen a Joomla 2.5 - 3.0 oldalon. Ez a menü nagyon egyszerű, és nem igényel egy nagy kód bevezetését, amelyre gyakran figyelek. Ahogy azt mondják - "jobb kevesebb, igen jobb."

Már figyelembe vettük a vízszintes menü létrehozását és a Joomla 2.5 horizontális többszintű menüjét. Most már a függőleges.

A kezdetért nézze meg a demót, ahogyan mindannyian úgy néz ki, ha tetszik, akkor töltse le a csomagot a forrásfájlokkal.

Megtaláltam ezt a menüt az interneten, és úgy döntöttem, hogy a CMS Joomla webhelyére adaptálom, mert Nagyon szerettem ezt a menüt, mind a megjelenés, mind a könnyű kapcsolat. Enyhén a menü szkriptje és a CSS stílusok irányításával ilyen eredményt kaptam.

A menü csatlakoztatása a Joomla 3.x.x.x-ben

Először is kicsomagolja az archívumot egy adott mappába a számítógépen. A következő dolog, amit megteszünk, ezt fogjuk másolni a képeket a Képek mappájáról a sablon képeire. Általában sok sablonban ez a képmappa, ha másként hívják, például az IMG, akkor meg kell változtatnia az útvonalakat a képekhez képest - vmenu.css. Azt is meg kell kapcsolódnunk az egyik menü szkript. Azt javaslom, hogy hozzon létre egy "JS" mappát a sablon gyökerében, és tegye a szkriptfájlokat az IT-ben - Menu.js vagy Menu-Collapsed.js. Miért két fájl? Az a tény, hogy ha észrevette, két lehetőség van a menü megjelenítéséhez a demó webhelyen. Gondosan megnézheti, hogy mit különböznek egymástól. Csatlakoztassa a legtöbb Menu.js vagy Menu-Collapsed.js parancsfájl verzióját. Az 1. opció egy menücsomagolt.js parancsfájl, és a 2. opció a Menu.js. Ehhez a sablon indexének kezdetén helyezze be a következő sorokat:

addStylesheet (JURI :: BASE (). "/ Sablonok /". this-\u003e sablon." / Css / vmenu.css "); // Csatlakoztassa a $ Doc-\u003e AddScript stílusfájlt (JURI :: BASE (). "/ Sablonok /". this-\u003e sablon." / JS / MENU-COLLAPSED.JS "); // Csatlakoztassa a Menu Script, ebben az esetben ez az 1. opció?\u003e

Szükségünk van egy jquery könyvtárra is, de a Joomla3-ban már alapértelmezés szerint van csatlakoztatva, mert Használt keret.

Tehát a CSS fájl a következő kódot tartalmazza:

/ ******************************** Függőleges legördülő menü harmonika ********** ** ************************************************ / UL. .vmenu (Font: Bold 12px Arial, Helvetica, sans-serif; list-style: Nincs kívül nincs; margin: 0; padding: 0; List-style: none;) ul.vmenu li (margin: 0 0 2px;) ul.vmenu li a (background: url ( ".. images / vmenu-li-bg.jpg") bal alsó repeat-x; border: 1px solid # D5D5D5; -moz-border-radius: 3px - O- border-radius: 3px; -Webkit-border-radius: 3px;-MS-border-radius: 3px; border-radius: 3px; color: # 515151; display: block; padding: 5px 8 képpont; text-decoration: none;) ul.vmenu li\u003e a: hover, ul.vmenu li.active\u003e a, ul.vmenu li\u003e a: focus (background-color: átlátszó; color: # 0088cc) ul.vmenu li.parent\u003e a: után (Háttér: URL ( "../ images / nyíl-dropdown.png") no-repeat; display: block; tartalommal: ""; float: right; margin: 8 képpont 5px 0 0; Magasság: 3px; szélesség: 6px ;) / * legördülő pont * / ul.vmenu Li UL (font-weight: normal; Margó: 10px 0 10px 15p x; Lista-stílus: Nincs; ) Ul.vmenu li ul li (háttér: none; margin: 0 5px) ul.vmenu li ul li a (background: url ( "../ images / vmenu-arrow.png") no-repeat scroll 5px központ átlátszó! fontos, Border: közepes none; padding: 0 0 0 15px;) ul.vmenu Li Li uL a: hover (color: # 29719E; text-decoration: underline) ul.vmenu li ul li.active a (color: # 29719E ; font-weight: bold) / ********************* Függőleges legördülő menü harmonika - 2. lehetőség *********** * ************************************************* * ********** / UL.VMENU2 (Font: Bold 12px Arial, Helvetica, sans-serif; list-style: Nincs kívül nincs; margin: 0; padding: 0; List-style: none; ) ul.vmenu2 li (margin: 0 0 2px;) ul.vmenu2 li egy (háttér: url ( "../ images / vmenu-li-bg.jpg") bal alsó repeat-x; border: 1px szilárd # D5D5D5 ; -moz-border-radius: 3px -O-border-radius: 3px; -Webkit-border-radius: 3px;-MS-border-radius: 3px; border-radius: 3px; color: # 515151; kijelző: blokk; padding: 5px 8 képpont; text-decoration: none;) ul.vmenu2 li\u003e A: Hover, UL.VMENU2 Li.Active\u003e A, UL.VMENU2 LI\u003e A: fókusz (Háttér-Szín: Átlátszó; Color: # 0088CC) UL.VMENU2 Li.Parent\u003e A: After (Háttér: URL ( "../ images / nyíl-dropdown.png") no-repeat; display: block; tartalommal: ""; float: right; Margó: 8 képpont 5px 0 0; Magasság: 3px; szélesség: 6px;) / * felkutatására * / ul.vmenu2 Li UL (font-weight: normal; margin: 10px 0 10px 15px; list-style: none;) UL. Vmenu2 li ul li (háttér: nincs; margó: 0 5px) ul.vmenu2 Li Ul Li A (háttér: URL (". ./images/vmenu-arrow.png „) no-repeat Scroll 5px Center Átlátszó! Fontos, Border: közepes none; padding: 0 0 0 15px;) UL.VMENU2 Li Li UL A: hover (color: # 29719E, szöveges -Decorage: aláhúzás) ul.vmenu2 li ul li.active A (szín: # 29719E, betűsúly: félkövér)

Ez a fájl mindkét opció stílusait tartalmazza, és eltávolíthatja a menüpont stílusát, amely szükségtelenné válik.

Emlékezzünk újra! A demó két, két opció menü és valószínűleg kiválasztja az egyiket. Ebben az esetben nincs szükség mindkét szkriptfájl csatlakoztatására, csak az egyik elég.

• Fájl menü-összeomlott.js. - Ez az 1. lehetőségünk - A harmonika menü - 1. lehetőség
• Fájl menü.js - Ez a 2. lehetőségünk - a harmonika menü - 2. lehetőség
• Menü osztály utótag (térben) az 1. opcióhoz - Vmenu
• Utótag menüosztály (térben) a 2. opcióhoz - Vmenu2

Ennek alapján csatlakoztassa a szükséges fájlt. A CSS fájlban is eltávolíthatja a stílusokat az opcióhoz, amely szükségtelenné válik, hogy ne küldjön még egyszer extra kilobájt.

A menü csatlakoztatása a Joomla 2.5.x-ben

Csatlakozó a menü Joomla 2.5 nem különbözik a kapcsolódás Joomla 3, kivéve azt, hogy kell csatlakoztatni a másik jQuery könyvtár. Ehhez adja hozzá a következő sort a fenti kódhoz:

addScript ("http://code.jquery.com/jququery-tentest.min.js"); // Csatlakoztassa a JQuery könyvtár legújabb verzióját?\u003e

Mi lesz a következők:

addScript ("http://code.jquery.com/jququery-tentest.min.js"); // Csatlakoztassa a JQuery $ Doc-\u003e AddScript könyvtár legújabb verzióját (JURI :: BASE (). "/ Sablonok /". this-\u003e sablon." / JS / MENU-COLLAPSED.JS "); // Csatlakoztassa a Menu Script, ebben az esetben ez az 1. opció?\u003e

És még egy dolog. A Joomla 2.5-ben nincs menüpont típusa A rendszer linkek -\u003e cím, csak egyfajta szövegszeparátor - elválasztó, de ez a fajta elem nem felel meg nekünk, mert A menüelem fejlécét referenciaként nem fogják keretezni. Ebben az esetben ki kell választania, hogy milyen típusú „külső URL” és mint Ulla betét a dugót - #. Minden más ugyanaz.

Csak azt akartam mondani. Ha valami nem működik (talán, és valahol rosszul vagyok a szövegben), akkor kérdéseket tegyen fel a megjegyzésekben. Eddig, találkozunk a következő hozzászólásokat!

C SwMenuFree 8 Gyorsan létrehozhat egy legördülő vagy előugró menü Joomla összes verzió, beleértve a Joomla 3-as és 2,5-MyGosu, Trans, vagy Superfish rendszer menüben.

Jellemzők:

• Az interfész lehetővé teszi a modul végtelen kialakítását a CSS tudása nélkül
• TRUE típusú betűtípus a legmagasabb és almenü elemeinek integrálásához, könnyen kezelhető Cufon betűtípusok
• Független szögstílusok minden szögben teljes felső menü és almenü.
• A menüfunkció kiterjesztett menüje A menü automatikusan létrehozhatja a tartalom összes szerkezeti menüjét (csak tartalommenük), vagy túl automatikusan hozzáadja a tartalomelemeket a meglévő kategóriák (hibrid menü) menüpontjaként. Ez az egyedülálló menü és tartalomintegrációs rendszer lehetővé teszi, hogy önállóan egy menüt automatikusan frissítse a tartalom hozzáadása. A VirtueMart Integáció szintén támogatott.
• Külső stíluslap létrehozása és exportálása és manuálisan szerkesztése korlátlan letelepedési képességekhez.
• Az Active Menü funkció automatikusan megtartja a felső menüben, amelyet a helyszín egy része nem tekinthető figyelembe.
• Live Preview látni a változásokat, mivel a gyártást, valamint a teljes képet megtekintéséhez modul menüket.
• Integrált frissítések / javítások a tárgy teszi könnyen javítható későbbi verziói SWMenuFree elvesztése nélkül beállításokat.
• Jelenleg 12 átkerül az adminisztrációs komponens.

A mobil platformok alkalmazásainak fejlesztése. Létrehozása alkalmazások iPhone, iPad, valamint a mobiltelefonok (és tabletta) futó Android és WP7 Dev-IQ

swMenuFree8.0 működik az összes változat a Joomla Joomla 2.5 és 3.

• Hozzáadott új buja sarkok JS és jobb kompatibilitási szögek és határok
• Beépített szerkesztő és modul a Joomla Media Manager számára az interfészen
• Hozzáadott háttér ismétlés és összesen lehetőségek minden háttérképeket.
• Az adatbázis frissítése a kernel-kódban a jobb teljesítmény és skálázhatóság érdekében a jövőben
• Hozzáadott Tablet / Mobile Friendly Parameter, hogy menü a munka mobil eszközökön.
• egy több almenü jelző paraméterek és még sok más javítás, CSS és JavaScript.

Ha a jelenlegi swmenufree jól működik, akkor nincs szükség frissítésre.

Ez a frissítés jobban működik, mint az új telepítés. Azonban ez frissíti a meglévő SwMenuFree ha feltöltötte a „SWMENUFREE frissítések” oldal Azonban, meg kell, hogy frissítse a böngésző ablakot, miközben ezen az oldalon többször is annak érdekében, hogy a beállítások másolja az új adatbázis szerkezete. A frissítés után is meg fogja szerkeszteni a menüt.