Megjelenésének módosítása a menü joomla
Saját jegyzetek elsősorban a kezdő webmesterek. Ennek ellenére, a tapasztalt fejlesztői is talál valami érdekeset a maguk számára.
Ebben a blogban fogom közzé egy cikket a modern internetes technológiákat (HTML5. CSS3 és mások). Ha munka közben egy projekt rájövök „friss” megoldást a problémára, írok ide erről, amely lehetővé teszi, hogy szükség esetén alkalmazza ezt a tudást a jövőben.
Remélem ez az információ hasznos lehet a látogatók számára.
Ha bármilyen okból nem elégedett a megjelenésével menü nézet Joomla sablon nem szükséges változtatni az egész minta egészében el lehet tekinteni, csak a változás a menüben, hogy nem tetszik.
Ebben a cikkben megmutatom, hogyan kell csinálni. Ehhez szükségünk van: egy helyet Joomla (Én a helyszínen demo adatok és a szabványos sablon lehet letölteni és telepíteni a CMS).
Meg kell távolítani az összes értékeket a kódot a href attribútumok linkek, helyettük a „#” jel.
Kaptunk egy „tisztított” kód - vele és rabotat.Teper meg kell határoznunk, hogy az összes menü meg akarjuk változtatni, vagy csak az egyik. Ha csak egy, meg kell rendelni egy osztály utótagot. Ez történik a rendszerben (bővítő modulok ► Manager). Találunk a kívánt modul (ebben az esetben a „Main Menu”), nyitott, és az Opciók ► Speciális beállítások adja az osztály utótag - a mi esetünkben „_menu”. Div tároló hozzáadása után az utótag most «moduletable_menu» osztályban.
Bár nem vagyunk ki innen, meg kell tiltani a menü címet, így nem tűnik mindenekelőtt a menüpontok.
Gyerünk. Szeretnénk Étlapunkon így néz ki:
A mi feladatunk annak biztosítása, hogy az alkalmazásával bizonyos szabályok css, Étlapunkon, a kód az általunk vezetett, mivel a menü nézett a képen. Először távolítsa el az összes padding minden elem az oldalon, és kiosztja az összes szöveges elemek azonos betűméret:
Az a tény, hogy minden egyes elemnek megadott alapértelmezett értékeket a tulajdonságok margin és padding. és a különböző böngészők eltérő, ezért szükséges, hogy visszaállítsa a tulajdonságok köze esetleges bevezetését html - oldalak, mert akkor nem volt meglepetés, hová aki vett terek és bemélyedést az elemeket.
Ezután adja meg a következő szabályokat a lista:
Mentés és látni, mi van a böngészőben:
Mivel mindannyian nullázni árrés Étlapunkon szorosan dokkolt a bal felső pontja a böngésző ablakot. Ugyanolyan formában lesz, ha megváltoztatjuk a menü stílust a rendszerben, akkor tartsák be a határait a tartály, így alkalmazza a következő szabályt div.moduletable_menu. létre körülötte egy kis bemélyedés:
Extensions Template Manager ► ► kattintson a nevét a sablon (ez az alapértelmezett beállítás), és válassza ki a felső menüpontot az „Edit css».
Mivel a vizsgálati minta az elemek nem alkalmazható stílusok template.css üres fájlt.
Menü a változás
Menü módosítások után