Pārskats Moduļi CMS Joomla 3.x.
1. Maxi izvēlne ck.
CMS.Joomla 2.5 / 3.x.
Jaudīgs, SEO optimizēts modulis, lai izveidotu horizontālu vai vertikālu nolaižamo izvēlni ar adaptīvu dizainu un skaistas sekas. Turklāt vienā lapā ir iespējams publicēt vairākus šā moduļa gadījumus. Diemžēl šīs paplašināšanās brīvās versijas funkcionalitāte ir ļoti ierobežota.
Pēc moduļa instalēšanas ekrāns parāda saites, lai lejupielādētu dokumentāciju par IT un apmaksātām iespējām: pagarināts grafisko tēmu pakete, spraudnis, lai kontrolētu izvēlni, plāksteri par "Virtuemart" komponentiem, "Hikashop", "JoomShopping "un K2, un spraudnis pareizai displejam izveidotā izvēlnē mobilajās ierīcēs.
Pēc tam, jums ir nepieciešams, lai dotos uz "moduļa pārvaldnieks" un izvēlieties "Maxi Menu CK" tajā. Vadības paneļa cilnē Moduļa cilnē jūs varat izvēlēties publicēt izvēlni, ievadiet unikālu moduļa ID, pamata izvēlnes vienumu un tā sākotnējos un galīgos līmeņus, un jūs varat arī izslēgt Subblery opciju.
Turklāt varat izmantot izvēlnes iestatīšanas vedni:
Izvēlnes vedņa lietošanas ērtums ir ātri pārslēgties starp izvēlņu veidiem un nepieciešamajām iespējām, bet ir svarīga lielākoties, tikai papildu apmaksāto paplašinājumu gadījumā. Cilnē "Saistiet izvēlnes vienumus", varat izvēlēties vietnes lapas, kurās tiks parādīts modulis; Cilne "Effect Options" ļauj atspējot efektus uz JavaScript, izvēlieties to lejupielādes veidu un iestatiet vizuālās sekas vienumiem un izvēlnes daļām. In Styles opciju, jūs varat izvēlēties izvēlnes tēmu (trīs ir pieejamas pēc noklusējuma, izvēlnes orientācija, atspējot adaptīvo izvēlnes dizainu un izvēlieties CSS failu veidni.
Sadaļā "Logotipa opcijas" varat izvēlēties logotipa failu, kas tiks parādīts izvēlnē, pievienojiet saiti uz to un noteikt tās pozīciju, platumu, augstumu un ievilkumu. Pēc izvēlnes pozīcijas izvēles veidnē un mainīt statusu uz "Publicēts", izvēlne parādās vietnē.
Pagarinājums, kas darbojas vietnē, izskatās šādi:
Šī izvēlne (pēc apmaksāta plākstera instalēšanas optimāli izmanto kā galveno izvēlni tiešsaistes veikalā "JoomShopping", "Virtuemart" vai "Hikashop", jo tas ļauj automātiski parādīt preču kategoriju sarakstu.
2. Ari ext izvēlne.
Izplešanās ir pilnībā saderīga arCMS.Joomla 1.5-1.7 / 2.5 / 3.x.
Pielāgojams izvēlnes modulis, kas atbalsta horizontālo un vertikālo orientāciju, divu pārejas efektu.
Lai iestatītu paplašinājumu, jums ir jāiet uz "Extensions Manager", izvēlieties ielādēto moduļa failu pēc dialoga un noklikšķiniet uz pogas "Lejupielādēt un instalēt". Moduļa iestatījumos varat izvēlēties izvēlni, kas tiks parādīta šajā modulī, izvēlnes orientācija, hierarhijas sākotnējais un beigu līmenis, kā arī konfigurēt šādus parametrus Kā parādīt tikai aktīvās izvēlnes daļas, iezīmējiet pašreizējo izvēlnes elementu. Sistēmas iestatījumi ir pieejami Option Loading ExtJS bibliotēka, izvēloties tās iekraušanu un paaudzi unikālu identifikatoru. Varat arī konfigurēt objektu stilu parametrus un apakšgrupa izvēlni: krāsu fona, teksts, fonta lielums, izlīdzināšana utt. Papildu moduļa iestatījumi ir diezgan standarta un satur kešatmiņas parametrus, kešatmiņu, moduli HTML tagu, bootstrap izmēru, galvenes HTML un CSS galvenes klasi. Pēc moduļa pozīcijas un publicēšanas iestatīšanas vietnē parādās šāda tipa izvēlne:
3. Accordeon izvēlne ck.
Izplešanās ir pilnībā saderīga arCMS.Joomla 2.5 / 3.x.
Vēl viena izvēlne no Joomlack Studio. Ļauj ievietot skaistas efektus, atverot apakšizvēlni, atkārtot moduli lapā. Moduļa funkcija ir spēja ievietot citus moduļus tajā. Turklāt papildus moduļam ir jāmaksā hogashop un virtueMart plankumi.
Pēc standarta procedūras, lai uzstādītu pagarinājumu, ekrāns parādās ekrānā uz veiksmīgu instalēšanu moduļa un saiti, lai lejupielādētu dokumentāciju par to, kā arī skats uz saiti, lai ievietotu jebkuru moduli kā vienu no izvēlnes elementiem .
Pagriežot moduļa vadības paneli, varat izvēlēties izvēlni, lai parādītu modulī, pamata izvēlnes vienumu, sākuma un gala līmeņus, kā arī iestatīt attēlus attēlus un saites saskaņošanu. Cilnē Effect, jūs varat izvēlēties notikumu, kurā izvēlnes elements atver, vai saite tiek parādīta, kad jūs pārvietojat peles kursoru uz attēlu, pārejas veidu, nepieciešamību izmantot efektus aktīvā apakšizvēlnē; Varat arī iestatīt izvēlnes vienuma ID, kas darbojas pēc noklusējuma. Cilnē Stili var izvēlēties izvēlni Dizaina tēmu, norādiet mapes ar attēliem, kas tiks parādīti, kad izvēlne ir ieslēgta, kā arī norādiet to izlīdzināšanas pozīciju. Cilnē Izvēlnes stili satur izvēlnes izskats: Lauki, Aizmugurējais plāns, izvēlnes priekšmetu, ēnu un robežu zvana signāls. Par "Pirmā līmeņa saite stili" cilnē, otrā līmeņa saite stili un oter līmeņa saites stili, jūs varat mainīt fontu, teksta krāsu un fona saites, kas parādītas izvēlnes elementos. Trešās puses paplašinājumu opcijas cilne ir paredzēta saderības iestatījumiem ar Hikashop un Virtuemart komponentiem un prasa iekraušanu un uzstādot atbilstošus ielāpus. Mobilo iespēju iestatīšana brīvajā paplašināšanas versijā nav pieejama arī.
Lai veiksmīgi darbotos, jums ir nepieciešams saistīt moduli uz izvēlnes elementiem, norādiet tās pozīciju un publicēt. Zemāk ir piemērs darbības moduļa uz vietas.
4. JB nolaižamās izvēlnes bootstrap
Izplešanās ir pilnībā saderīga arCMS.Joomla 2.5 / 3.x.
Izvēlnes modulis darbojas ar Twitter "s bootstrap un jbootstrap ir balstīta uz iebūvēto Joomla izvēlnes moduli. Moduļa uzstādīšana ir standarta. Moduļa iestatījumos ir nepieciešams tikai izvēlēties vienu no izvēlnes sistēmas, sākot un fināla Līmenis, un ir arī pielāgojama spēja parādīt izvēlnes apakšpunktos. Pēc tam, kad jūs piešķirat šo vienumu šim modulim un publicēt to, nākamā skata izvēlne parādīsies vietnē:
5. DJ-izvēlne.
Izplešanās ir pilnībā saderīga arCMS.Joomla 2.5 / 3.x.
Izvēlne ar nolaižamo sarakstu un animācijas efektiem, pamatojoties uz Mootools. Moduļa uzstādīšana tiek veikta standarta. Pastiprinājumu iestatījumu moduļa cilnē, jums ir jāizvēlas izvēlne, kuru modulis parādīsies, kā arī definēt pēdējo no tās līmeņa un, ja nepieciešams, iespējojiet izvēlnes izeju uz mazajiem ekrāniem un iestatiet tās platumu šajā lieta. CSS3 animācijas un skripta funkcijas cilne ļauj konfigurēt animācijas efektus, ievadot un izejas no izvēlnes, kā arī animācijas ātrumu, iestatiet aiztures laiku, kad apakšizvēlne ir slēgta, galvenes CSS klase, tā HTML tag un bootstrap lielums.
Zemāk ir izveidots piemērs, izmantojot šo izvēlnes moduli.
Visi moduļi, kas pārskatīti pārskatā, lai izveidotu vietnē, kurā darbojas CMS Joomla 3.x izvēlne ļauj izveidot izvēlni ar Sublevels. Apskatītie moduļi lielākoties atšķiras ar dažu animācijas efektu klātbūtni un iespēju parādīt mobilajās ierīcēs. Tāpēc mobilajām lietotājiem orientētām vietām (un arvien vairāk) ir vērts priekšroku modulim "DJ-MENU izvēlnes". Accordeon Menu CK modulis ir labs, jo tas ļauj ievietot cita moduļa saturu; Modulis "JB nolaižamajā izvēlnē Bootstrap" ir vienkāršākais un vienkāršākais un vienkāršākais "paplašinājums un izskatās labi pārī, piemēram, ar noklusējuma Joomla izvēlnes moduli. Maxi izvēlnes CK moduļa funkcionalitāte ir iespaidīga, bet tā kā tā ir ievērojami ierobežota bezmaksas versijā, lai to izmantotu, ir nepieciešami finanšu ieguldījumi.
Jebkura līmeņa vietnei ir ļoti svarīga, cik labi ir sakārtots stils, kā viss ir "līmēts" kopā. Bet nākamajā minūtē dizains pārceļas uz citu plānu, jo tas kļūst daudz svarīgāk, cik ērti tiek organizēts resursu interfeiss, kā materiāli tiek izplatīti, cik daudz varbūtība ir tāda, ka izvēlnes izmantošana var tikt sasniegta jebkurā sadaļā. Un tad projekta īpašniekam jau jādomā par to, vai veidnes izstrādātājs liecina, ka veidnes attīstītājs ir tik ērts, vai tas ir ērti strādāt ar materiālu meklēšanu, vai kategorijās ir nodaļa Ja šis aspekts nesaņem sākotnēji pirms ideālā, jūs varat zaudēt tos apmeklētājus, kuri patiešām varētu dot jums peļņu, bet viņi vienkārši nevēlējās tikt galā ar profesionālu resursu, jo pretējā gadījumā organizācijas navigācijas organizācija būtu pilnīgi atšķirīgs līmenis. Bet nav nepieciešams domāt, ka tikai Joomla izvēlnes veidne Rīki, kļūst par ierobežojumu, par kuru jums ir jāstrādā. Lai uzlabotu struktūru un virzītos savu projektu, jūs varat viegli izmantot paplašinājumus, piemēram, Joomla moduļa izvēlnevar padarīt ļoti būtiskas izmaiņas šajā segmentā.
Īpaši aizstāvības modeļa izvēlnē
Kas var paplašināt paplašinājumus, kas ir šajā kategorijā? Pirmkārt, šī ir dažādas izvēlnes. Visbiežāk interesanti ir tas, ka izstrādātāji rūpējas ne tikai par šo risinājumu ērtu pielāgošanu un darbu, kā arī par to, kā viņi izskatās. Šim nolūkam tiek izmantota animācija, krāsu krāsas, dažāda veida fonti izvēlnē ir sagatavoti, kā arī par tiem, ikonas ir sagatavotas. Kas ir vēl labāk, šeit jūs atradīsiet iespējas ar citu līmeņu skaita atbalstu, un tas jau paver ceļu, lai radītu nopietnas navigācijas sistēmas, pateicoties kuriem jūs varat Joomla izvēlnes vienums, nokļūt jebkurā vietnes sadaļā vai pat kādu kategoriju. Interesanti, iespējas skatās, izmantojot attēlus, kas simbolizē katru izvēlnes elementu, šādiem papildinājumiem jau ir sarakstā, mums ir. Izvēlēties Joomla nolaižamā izvēlne, Special Mega-Menu, ar milzīgām funkcijām, kā arī akordeons - Joomla 3 ēdienkarte, imitējot parastās akordeona sabrukumu, lai pielāgotos saturam. Bet papildus šādiem priekšlikumiem šī kategorija ir daudz vairāk interesantu notikumu.
Kategoriju izveide un citi
Protams, ka, izmantojot dažādus tematiskos virzienus, ir nepieciešams nodrošināt apmeklētājiem tiešu piekļuvi nepieciešamajiem materiāliem, vēlams, ir vēlams veikt katru attiecīgo pildījumu kategoriju. Ja formāts, kurā jūsu standarta interfeiss parāda kategorijas, jums nepatīk, jūs varat izmantot atbilstošus paplašinājumus. Lai to izdarītu, jūs atradīsiet risinājumus, kas izejas kategorijas tādā formā, kas ir līdzīga nolaižamajai izvēlnei, tiem, kas ir īpaši izveidoti sadarbībai ar K2, vai vienkārši organizēt ērtu piekļuvi satura izvēlei, kas atbilst konkrētai tēmai. Tā rezultātā pat jums būs ērtāk strādāt ar savu projektu, sākotnēji izplatot jaunus ierašanās uz "plauktiem", jo meklēšana un šādu materiālu pielāgošana kļūst ērtāka.
Padarīt ceļojumu uz vietas ir patiešām ērti.
Kad projekts ir aprīkots ar ērtu izvēlni, kad kategorija ir skaidri izplatīta lapā, un pat neizmantojot meklēšanu, jūs varat atrast izklaidējošu materiālu sev - jūs vēlaties strādāt ar šo resursu. Turklāt, kā minēts iepriekš, visi pašreizējie notikumi ir vērsti uz pievēršot uzmanību viņu izpildes stilam, jo \u200b\u200bbez tā nav arī neiespējama. Tātad, ja neesat apmierināts ar standarta navigācijas elementiem vietnē, izmantojiet paplašinājumus no šīs kategorijas uz padariet Joomla izvēlni Ideāli piemērots jums.
Šodien mēs runāsim par to, kā strādāt ar izvēlni Joomla 1.7-2.5. Proti, kā parādīt izvēlnes moduli uz Joomla veidnes pozīciju, kā piešķirt izvēlnes vienumu teksta materiālu vai vēlamo lapu viena no Joomla komponentiem. Pa ceļam, apsveriet, kā noteikt, kuras pozīcijas pastāv jūsu Joomla veidnē un kādā konkrēti veidnes vieta ir kreka. Tie, kas strādā ar Joomla 1.5, raksts būs noderīgs arī tāpēc, ka jaunajās Jumbla Admins filiālēs atšķiras no viņa junioru kolēģa, Jumla 1.5.
Pirms tam mēs skatījāmies vietējā hostingā, izjauca, kā to darīt.
Pēc tam, kad jūs parasti parādāt dažādus moduļus, apsveriet to sīkāk. Mēs ejam uz Joomla Admin ( _http: // your_sight / administrators). Galvenajā izvēlnē izvēlieties menu-\u003e izvēlnes pārvaldnieks-\u003e Izveidot izvēlni
Atveras logā, norādiet izvēlnes veidu (izvēlnes sistēmas nosaukumu, latīņu simbolus) Joomla, izvēlnes nosaukumu (parādīts vadības panelī), Joomla izvēlnes (pēc izvēles) apraksts. Noklikšķiniet uz pogas "Saglabāt". Izvēlnes galvene un izvēlnes veids var būt jebkurš, bet labāk ir iestatīt nosaukumu, kas piemērots nozīmei. Piemērā, es norādīju "izvēlni kreisajā, kreisajā pusē", jo es esmu gatavojas parādīt izvēlni kreisajā sānjoslā no Joomla veidnes (piemēram, izmantotu standarta Joomla BEEZ_20 veidni). 
Tiek izveidota Joomla izvēlne, tas paliek, lai to pievienotu pāris trīs vienumus un parādītu savu veidni vēlamajā pozīcijā.
Pievienojiet izvēlnes elementus Joomla
Izveidosim vienumu tikai izveidotai izvēlnei (izvēlne pa kreisi), izvēlnes vienumam būs veids "materiāls", t.e. Šim izvēlnes vienumam tiks parādīts Joomla materiāls.
Lai izveidotu izvēlnes vienumu, jums jāizvēlas " izvēlne -\u003e Izvēlnes nosaukums-\u003e Izveidot izvēlnes vienumu".
Logā, kas atveras, jums ir nepieciešams:
- izvēlieties "Izvēlnes vienuma veids"
- norādiet "izvēlnes nosaukumu".
No izvēles, lai aizpildītu laukus:
- Alias \u200b\u200b- Jumle 1.7-2.5 var izveidot automātiski, Joomla 1.5, trešās puses spraudnis tika izmantots šim. Ja jums ir nepieciešams norādīt aizstājvārdu, ja tas nav nepieciešams, tas tiks izveidots automātiski, transformējot izvēlnes vienības galveni. Izvēlnes vienuma alias tiek izmantota kā daļa no CNC (cilvēka saprotamas URLAS) adreses. Wirefall, ja jums ir izvēlnes elements, ko sauc par "Jaunumi", un SEF ir ieslēgts Jumlow un sufiksi tiek izmantoti adresē, tad, izvēloties šo izvēlnes vienumu, lapa tiek atvērta ar adresi _Http: //vash_syt/news.html
- Piezīme - jūs varat ievadīt jebkuru tekstu. Šis teksts ir nepieciešams, lai pieprasītu unforgett, kāpēc izveidot izvēlnes vienumu).
- Saite - aizpildiet automātiski, izvēloties izvēlnes veidu (piemēram, izvēlnē "Materiāls" var būt index.php? Option \u003d COM_Content & View \u003d Raksts & ID \u003d 1). Ja izvēlnes veids ir ārēja saite, tad šajā jomā jums ir nepieciešams norādīt ārējo saiti.
- Stāvoklis - ir 3 valstis: Publicēts, nav publicēts grozā. Ja izveidojat izvēlnes vienumu, tad atstājiet, kā tas ir ("Publicēts").
- Piekļuve - ir 3 valstis: visiem, administrācijai, reģistrētiem. Atstājiet visus, ja vēlaties, lai visi redzētu šo izvēlnes vienumu.
- Izvēlne - Norādiet izvēlni, kurai pēc noklusējuma izveidojat objektu, izvēlne ir izvēlēta, kurai šis vienums ir izveidots.
- Vecāku elements - jūs varat norādīt vecāku izvēlni Elsie izvēlnes jums ir nepieciešams, lai izveidotu pievienotu objektu.
- Pasūtīt - Jūs varat norādīt, kādā brīdī vienums sekos izveidotajam vienumam. Turpmāk ir labāk konfigurēt izvēlnes pārvaldniekā (izvēlnē -\u003e izvēlnes nosaukums).
- Target logs - kā atvērt saiti - jaunā logā (atsevišķas lapas, uznirstošais logs) vai pašreizējā.
- Galvenā lapa - izvēlieties šo opciju, ja jums ir nepieciešams saistīt šo izvēlnes vienumu galvenajā lapā, t.i. Pēc noklusējuma galvenajā lapā tiks parādīts saturs, kas pievienots šim Joomla izvēlnes vienumam.
- Valoda - atvaļinājums, kā tas ir ("viss").
- Veidnes stils - jūs varat izvēlēties, kura veidne tiks izmantota kā lapas dizains, ko sauc par šo vienumu.
Noklikšķinot uz pogas Select, parādās uznirstošais logs. Tā kā mēs esam savākti, lai izveidotu izvēlnes vienumu, kas attiecas uz Joomla rakstu, pēc tam sakārtojiet "materiālu" elementu "materiālu"
iepriekšējais logs atvērsies, kurā tiks aizpildīts lauks "Link", un lauks, kurā var izvēlēties lauku. Izvēlieties vēlamo materiālu (tas ir iepriekš izveidots).
Kad izvēlne ir izveidota un piepildīta ar nepieciešamo vienumu skaitu, to var parādīt Joomla veidnē, izmantojot standarta moduli, bet pirms tam jums ir jāizlemj, cik daudz un kādas pozīcijas ir jūsu veidnē.
Mēs definējam pozīcijas, kas pieejamas jūsu veidnē un to atrašanās vietā.
Moduļi Jumlī tiek parādīti tā sauktajā pozīcijā veidnē. Ja atverat index.php failu (Joomla veidnes atrodas mapē: veidnes, jūsu vietā saknē) gandrīz no jebkuras veidnes, jūs varat atklāt šādas līnijas tajācOUNDMODULES ("POSITION-12")) :?Kā nav grūti uzminēt, "Pozīcija-12" ir atrašanās vietas nosaukums Joomla veidnē.
Piezīme: Viena no atšķirībām Joomla 1.6 un vecāki no 1.5 versijas ir pozīcijas nosaukumi. Joomla 1,5 pozīcijas tika sauktas: user1, user2, ..., pa kreisi, pa labi, baneri, top ... Noklusējuma pozīcijas ir noteiktas pozīcijas: pozīcija-1, pozīcija-2, ... tas, manuprāt, nav Ērts, kaut arī nav būtiski. Tomēr jūs varat mainīt pozīcijas nosaukumus manuāli, lai uzzinātu jums, mainīt to skaitu, tas viss tiek darīts, rediģējot failu "Templateetails.xml" no jūsu Joomla veidnes.
Attiecībā uz izvades moduļa kodu veidnes stāvoklim. Pirmajā rindā nosacītajā paziņojumā tiek pārbaudīts, ja šajā pozīcijā ir vismaz viens modulis, ja ir, tad nākamā līnija izvada visus moduļus norādītajā veidnes vietā, kas ir definēts modulī vadītājs pieejams administratorā.
Lai pārbaudītu, kuras pozīcijas ir pieejamas jūsu Joomla veidnē, sazinieties ar _http: // your_sight /? Tp \u003d 1. Rezultātā jūsu vietnes lapa Joomla tiks parādīta pārlūkprogrammā, kurā visas pieejamās pozīcijas tiks atzīmētas ar kontūru un parakstīja uzrakstu, kas atbilst pozīcijas nosaukumam.
Pēc noklusējuma Joomla 1.6-2.5 sasniedz iespēju pierādīt, kuras pozīcijas ir pieejamas veidnē ( tp \u003d 1. Nerada rezultātu). Tas nav slikts inovācijas, jo ne vienmēr ir nepieciešams ārzemju zināt, ka jums ir vietne uz Joomla vai zināju jaunu buteju par jūsu vietni. Tāpēc šīs vietnes izstrādes stadijā šī funkcija ir ieslēgta, izmantojot Joomla Admin admin, un, ja jums nav nepieciešams izslēgt veidnē pieejamo pozīciju.
Lai iespējotu spēju parādīt jūsu Joomla veidnē pieejamās pozīcijas, jums ir jādara šādi: sazinieties ar izvēlnes vienumu " Paplašinājumi -\u003e Template Manager"
cilnē "Veidnes" pārslēdziet "Ieslēdziet moduļa pozīciju" slēdzi uz "Enabled".
Tagad jūs varat, pievienojot adreses beigām ( ? Tp \u003d 1) Skatiet, kuras pozīcijas pastāv veidnē un kādā vietā tie ir iegūti.
Parādiet Joomla izvēlnes moduli vēlamajā veidnes pozīcijā
Lai izvēlētos izvēlni, ko izveidojāt jūsu vietnes lapās, tas ir jāparāda, izmantojot moduli (Mod_menu). Mēs ejam uz moduļa pārvaldnieku (paplašināšanās-\u003e moduļa pārvaldnieks).
Logā, kas atveras, noklikšķiniet uz pogas "Izveidot".
Uznirstošajā logā izvēlieties moduļa veidu - "MENU".
Tālāk, norādiet: moduļa galveni (es iesniedzu tādu pašu kā izvēlnē pati), parādiet nosaukumu - parasti atvienots, noklikšķiniet uz pozīcijas Izvēlieties pogu un izvēlieties vēlamo pozīciju no pop-up loga (es izvēlējos pozīciju-7, Tā kā šī pozīcija ir kreisā sānjoslā manu veidni), nosacījums - mēs atstāt publicēti.
Iestatījumu grupā, kas atrodas nedaudz zemāk, varat norādīt moduli, kas saistīta ar dažādām vietnes izvēlnēm. To var izdarīt, lai veiktu noteiktu moduļa izeju uz galveno, un citās lapās tas nebūs vai, piemēram, uz ziņu lapā izņemiet moduli, kas parāda īsu ziņu.
Augstas kvalitātes video kurss par vietņu izveidi Joomla
Labi, visbeidzot. Lai labāk asimilētu materiālu, ko es piedāvāju skatīties video par izvēlnes izveidi Joomla 1.5
Sveiki draugi! Touch Zaur Magomedov. Šajā piezīmē es vēlos iepazīstināt jūs ar diezgan vertikālu akordeona izvēlni vietnei Joomla 2.5 - 3.0. Šī izvēlne ir ļoti vienkārša un neprasa ieviest lielu kodu, uz kuru es bieži pievēršam uzmanību. Kā viņi saka - "labāk mazāk, jā labāk."
Mēs jau esam apsvēruši horizontālās izvēlnes izveidi un izveidojot horizontālu daudzlīmeņu izvēlni Joomla 2.5. Tagad viņi nonāca vertikālā.
Lai sāktu, apskatiet demo, jo tas viss izskatās, ja vēlaties, tad lejupielādējiet paketi ar avota failiem.
Es atklāju šo izvēlni internetā un nolēma to pielāgot vietnei CMS Joomla, jo Man patiešām patika šī izvēlne gan izskatu, gan vieglumā. Nedaudz, stūrējot pašas izvēlnes skriptu un CSS stilus, es saņēmu šādu rezultātu kā ieslēgts.
Savienojuma izvēlne Joomla 3.x.x.x
Pirmkārt, izņemiet arhīvu uz konkrētu datora mapi. Nākamā lieta, ko mēs darīsim, tiks kopēt attēlus no mapes Attēli uz jūsu veidnes attēliem. Parasti daudzās veidnēs šī ir attēla mape, ja to sauc citādi, piemēram, IMG, tad jums ir jāmaina ceļi uz attēliem stila failā - vmenu.css. Mums ir arī jāpievieno viens no izvēlnes skriptiem. Es ierosinu izveidot mapi "JS" jūsu veidnes saknē un ievietot skriptus failus tajā - izvēlnē.JS vai izvēlnē-colrapsed.js. Kāpēc divi faili? Fakts ir tāds, ka, ja esat pamanījis, ir divas iespējas, lai parādītu šo izvēlni demo vietnē. Jūs varat rūpīgi aplūkot to, kas atšķiras viens no otra. Pievienojiet visvairāk izvēlni.JS vai izvēlne-collapsed.js skriptu versiju. 1. variants ir izvēlne-colrapsed.js skripts, un 2. variants ir izvēlne.JS. Par to, pašā sākumā index.php failu no veidnes ievietot šādas rindas:
addstylesheet (Juri :: bāze (). "/ Templates /".$ šis-\u003e veidne." / CSS / VMENU.CSS "); // Pievienojiet $ doc-\u003e AddScript stila failu (JURI :: BASE (). "/ Templates /". $ THE-\u003e TEMPLATE." / JS / MENU-COLLADSED.JS "); // Pievienojiet izvēlnes skriptu, šajā gadījumā ir šī iespēja 1?\u003e
Mums ir vajadzīga arī jQuery bibliotēka, bet Joomla3 tas jau ir saistīts pēc noklusējuma, jo Izmantots satvars.
Tātad CSS failā ir šāds:
/ ******************************** Vertikāli-nolaižamā izvēlne Akordeons ********** ** ************************************************ / UL .vmenu. (Fonts: Bold 12px Arial, Helvetica, Sans-Serif; saraksts-Style: nav Ārpus none; margin: 0; padding: 0; saraksts stila: none;) ul.vmenu li (margin: 0 0 2 pikseļi;) ul.vmenu li A (fons: url ( ".. images / vmenu-li-bg.jpg"), pa kreisi apakšā atkārtot-x; robeža: 1px solid # D5D5D5; -Moz-border-radius: 3PX - O- Border-rādiuss: 3PX; -Webkit-Border-rādiuss: 3PX; -MS-Border-rādiuss: 3PX; border-radius: 3PX; Krāsa: # 515151; display: block; padding: 5px 8 pikseļiem, teksta noformējums: none;) ul.vmenu li\u003e a: hover, ul.vmenu li.active\u003e a, ul.vmenu li\u003e a: fokuss (fona krāsu: caurspīdīga, krāsa: # 0088cc) ul.vmenu li.parent\u003e a: pēc (Background: URL ( "../ images / bultiņas dropdown.png") bez atkārtošanu; display: block; saturs: ""; float: right; rezervi: 8 pikseļiem 5px 0 0; Augstums: 3PX; platums: 6px ;) / * Drop-down punktiem * / ul.vmenu Li UL (font-weight: Normal, Rezerve: 10px 0 10px 15p x; Saraksta stils: Nav; ) Ul.vmenu li ul li (fons: none; margin: 0 5px) ul.vmenu li ul li A (fons: url ( "../ images / vmenu-arrow.png"), no-atkārtot ritināšanas 5px centrs caurspīdīga! Svarīgi, Robežu: vidēja none; padding: 0 0 0 15px;) ul.vmenu Li LU Li A: novietojiet (Krāsa: # 29719E, teksta noformējums: pasvītrot) ul.vmenu li ul li.active a (color: # 29719E ; font-weight: bold) / ********************* Vertikāli-nolaižamā izvēlne Akordeons - 2. variants *********** * ************************************************* * ********** / UL.VMENU2 (Fonts: Bold 12px Arial, Helvetica, Sans-Serif; saraksts-Style: nav Ārpus none; margin: 0; padding: 0; saraksts stila: none; ) ul.vmenu2 li (margin: 0 0 2 pikseļi;) ul.vmenu2 li A (fons: url ( "../ images / vmenu-li-bg.jpg"), pa kreisi apakšā atkārtot-x; border: 1px solid # D5D5D5 ; -MOZ-Border-rādiuss: 3PX, -O-Border-rādiuss: 3PX; -Webkit-Border-rādiuss: 3PX; -MS-Border-rādiuss: 3PX; border-radius: 3PX; Krāsa: # 515151; Displejs: Block; padding: 5px 8 pikseļiem; text-decoration: none;) ul.vmenu2 li\u003e A: Hover, UL.VMENU2 Li.Active\u003e A, UL.VMENU2 LI\u003e A: FOCUS (Background-Color: Transparent; Krāsa: # 0088CC) ul.vmenu2 li.Parent\u003e A: Pēc (fons: URL ("../ attēli / bultiņa-dropdown.png") no-atkārtojums; displejs: bloks; saturs: ""; peldēt: pa labi; rezerve: 8 pikseļiem 5px 0 0; Augstums: 3PX, platums: 6px;) / * Meklējot punkti * / ul.vmenu2 Li UL (font-weight: Normal; margin: 10px 0 10px 15px; saraksts-Style: nav;) UL. Vmenu2 li ul li (fons: nav; rezerve: 0 5px) ul.vmenu2 li ul li a (fons: URL (". ./images/vmenu-row.png ") No-atkārtot ritiniet 5px centrs Caurspīdīgs! -Docorage: pasvītrojums) ul.vmenu2 li ul li.active a (krāsa: # 29719e; fonta svars: treknrakstā)Šajā failā ir abu iespēju stili, un jūs varat noņemt izvēlnes opcijas stilu nevajadzīgu jums.
Ļaujiet mums atgādināt jums vēlreiz! Demo divās, divas opcijas izvēlnē un, iespējams, izvēlaties vienu no tiem. Šādā gadījumā nav nepieciešams savienot gan skriptu failus, tikai pietiek ar to.
- Failu izvēlne-Colaped.js. - Šī ir mūsu 1. risinājums - akordeona izvēlne - 1. variants
- Fails Menu.js - tas ir mūsu 2. risinājums - Akordeona izvēlne - 2. variants
- Izvēlnes klases sufikss (caur telpu) par 1. variantu - Vmenu
- Sufiksu izvēlnes klase (caur telpu) par 2. variantu - Vmenu2
Pamatojoties uz to, pievienojiet nepieciešamo failu. Arī CSS failā varat noņemt opcijas stilu nevajadzīgu mums, lai atkal nosūtītu papildu kilobaitus.
Savienojuma izvēlne Joomla 2.5.x
Izvēlnes pievienošana Joomla 2.5 nav atšķirīga no savienojuma ar Joomla 3, izņemot to, ka mums ir nepieciešams savienot citu jQuery bibliotēku. Lai to izdarītu, iepriekš minētajam kodam pievienojiet šādu rindu:
addScript ("http://code.jquery.com/jquery-tentest.min.js"); // Pievienojiet jaunāko jQuery bibliotēkas versiju?\u003e
Mums būs par šādu:
addScript ("http://code.jquery.com/jquery-tentest.min.js"); // Pievienojiet jaunāko versiju JQuery $ doc-\u003e AddScript bibliotēka (Juri :: Base (). "/ Templates /".$ TO-\u003e TEMPLATE." / JS / MENU-COLLAPSED.JS "); // Pievienojiet izvēlnes skriptu, šajā gadījumā ir šī iespēja 1?\u003e
Un vēl viena lieta. Joomla 2.5 Nav izvēlnes elementu sistēmas saites -\u003e Nosaukums, ir tikai teksta atdalītāja - separatora veids, bet šāda veida postenis mums nebūs piemērots, jo Izvēlnes vienums galvene netiks ierāmēta ar atsauci. Tādā gadījumā, jums ir nepieciešams, lai izvēlētos "ārējā URL", un kā Ulla ievietot spraudņa tipa - #. Viss pārējais ir tas pats.
Tas ir viss, ko es gribēju teikt. Ja kaut kas nedarbojas (varbūt, un es esmu kaut kur nepareizi tekstā), tad uzdodiet jautājumus komentāros. Līdz šim jūs redzēsiet šādos amatos!
C SwmeniFree 8 Var ātri izveidot nolaižamo vai uznirstošo izvēlni Joomla Visas versijas, tostarp Joomla 3 un 2.5, izmantojot MyGosu, Trans vai Superfish System izvēlni.
Iespējas:
- Saskarne ļauj bezgalīgu dizaina moduļa nezinot CSS
- True Type fontu integrēt augstāko un apakšizvēlnes objektus, izmantojot viegli nokļūt Cufon fontu faili
- Neatkarīga leņķis stili katrai leņķis Full augšējā izvēlnē un apakšizvēlnē.
- Izvēlnes funkcijas paplašinātā izvēlne Izvēlne ir iespējama automātiski izveidot visu struktūru izvēlni no satura (tikai saturs izvēlnes), vai arī automātiski pievienojiet satura vienumus kā esošo kategoriju izvēlnes elementus (izvēlne hibrīda izvēlne). Šī unikālā ēdienkarte un satura integrācija sistēma ļauj patstāvīgi veikt izvēlni, kas automātiski atjaunina pievienot saturu. VirtueMart integrācija tiek atbalstīta arī.
- Izveide un eksportēt ārējo stilu lapas un rediģēt manuāli neierobežotu dējējvistu iespējām.
- Aktīvā izvēlne funkcija automātiski saglabās augšējā izvēlnē izraudzīta daļu vietā nav uzskatāma.
- Live priekšskatījums Lai redzētu izmaiņas, jo tās ir izgatavotas, kā arī pilnīgu skatu, lai apskatītu visus moduļu izvēlnes.
- Integrētie objekta atjauninājumi / labojumi ļauj viegli uzlabot Swmenufree nākotnes versijas, nezaudējot iestatījumus.
- Pašlaik ir 12 pārskaitījumus uz administrācijas sastāvdaļa.
Izstrāde pieteikumus mobilajām platformām. Radot pieteikumus iPhone, iPad, kā arī mobilajiem tālruņiem (un planšetdatoriem), darbojas Android un WP7 DEV-IQ
swMenuFree8.0 strādā uz visām versijām Joomla Joomla 2,5 un 3.
- Pievienots jauns sulīgs stūri JS un labākas saderības leņķi un robežas
- Iebūvēts redaktors un modulis Joomla Media Manager interfeisā
- Pievienots fona atkārtošanas un pozīcijas iespējas visiem fona attēliem.
- Datu bāzes atjaunināšana kodola kodā, lai nodrošinātu labāku veiktspēju un mērogojamību nākotnē
- Pievienots tablete / Mobile Friendly parametrs padarīt izvēlni darbu mobilajās ierīcēs.
- a vairāk apakšizvēlnē indikatoru parametriem kā arī daudzi citi labojumi, CSS un JavaScript.
Ja jūsu pašreizējais Swmenufree darbojas labi, tad nav nepieciešams jaunināt.
Šis atjauninājums darbojas labāk, jo ar jauno iekārtu. Tomēr tas atjauninās esošo SwmeniFree, ja jūs augšupielādēts "SwmenuFree atjauninājumus", lapā tomēr jums ir nepieciešams atjaunināt pārlūkprogrammas logu, bet šajā lapā vairākas reizes, lai nodrošinātu, ka iestatījumi tiek kopēti uz jauno datu bāzes struktūru. Jums būs arī, visticamāk, rediģējiet izvēlni pēc atjaunināšanas.
