✔ Stu Nicholls CSS-Menü und Joomla

[GFX-Händchen]

Hi all,

frage mich gerade wie man generell ein CSS Menü von Stu Nicholls in Joomla 1.7 integrieren kann?
Joomla legt ja selber Klassen und IDs an.
Für das Menü wäre dies moduletable.
Muss man also dieses moduletable einfach nur vor der CSS-Definition von Stu's Menü setzen oder wie würde man das angehen?

Beschäftige mich erst seit kurzem mit Joomla.:-(
Der Gedanke ist ein eigenes Template zu entwerfen mit einem CSS-Menü kombiniert ("ausklappbares hover-Effekt Menü") von Stu.

Würde mich über hilfereiche Kommentare mit Beispielcode freuen.

 

[rd4eva]

...frage mich gerade wie man generell ein CSS Menü von Stu Nicholls in Joomla 1.7 integrieren kann?
Der Gedanke ist ein eigenes Template zu entwerfen mit einem CSS-Menü kombiniert ("ausklappbares hover-Effekt Menü") von Stu.

Wenn du ein eigenes Template erstellst kannst du die Ausgabe/Anzeige von Modulen und Komponenten überschreiben.
Das schimpft sich dann Template overrides.

Wenn das also Beispielsweise das Menu überschreiben willst musst du zuerst schauen wo die Ausgabe stattfindet.
In diesem Fall ist das ...\modules\mod_menu\tmpl.
Um die Ausgabe zu überschreiben musst du in deinem Template einen Ordner Namens html erstellen und darunter einen Ordner der den Namen der Komponente / des Moduls trägt.
Etwaige Unterordner musst du ebenfalls nachbilden (Außer den tmpl Ordner)
Im Falle von mod_menu sieht das dann so aus:
...\templates\meinTemplate\html\mod_menu

Jede Datei die sich im Original tmpl Ordner befindet kannst du jetzt überschreiben indem du eine gleichnamige Datei in deinem angelegten Ordner erstellst.
Willst du also "\modules\mod_menu\tmpl\default.php" überschreiben dann erstellst du die Datei ...\templates\meinTemplate\html\mod_menu\default.php und schreibst dort logischerweise deinen gewünschten Code rein.

 

[GFX-Händchen]

Danke!
Von Overrides habe ich schon gehört, mir fehlt nur noch das Verständnis dafür.:-(
Bin schon so weit ein eigenes Design in ein Joomla-Template (per CSS) umzusetzen, nur hapert es da z.B. eben mit dem Menü, welches ja über Joomla angelegt wird.
Dieses möchte man ja ggf. ersetzen durch eines von Stu.

 

[SpiceLab]

Kann es sein, dass hier ein CSS-Menü von Stu zum Tragen kommt, in dessen HTML-Code die speziellen "Conditional Comments" für die älteren IE-Versionen enthalten sind, um für sie auf zusätzliche JS-Unterstützung verzichten zu können, und dieses "unkonventionelle" Markup für dich die eigentliche Hürde der Aufgabenlösung darstellt?

Ansonsten unterscheiden sich nämlich alle Arten von aufklappbaren Menüs lediglich in ihrem Erscheinungsbild, die Technik (li:hover ul) bleibt dieselbe, was folglich ein Leichtes sein sollte, die CSS-Formatierung im Joomla-Backend in dessen Menü-Stylesheet zu portieren.

Zumal es dir nach eigener Aussage schon an anderer Stelle gelungen ist, übrige Seitenkomponenten des Joomla-Templates umzuformatieren.

 

[GFX-Händchen]

Ehrlich gesagt hab ich mir noch kein CSS-Menü von Stu direkt ausgesucht und es damit also auch noch nicht probiert.
Es war vorab nur der Gedanke da wie ich sowas nutzen könnte.

 

[SpiceLab]

Ehrlich gesagt hab ich mir noch kein CSS-Menü von Stu direkt ausgesucht und es damit also auch noch nicht probiert.
Es war vorab nur der Gedanke da wie ich sowas nutzen könnte.

Ganz einfach die existierenden CSS-Regeln des Joomla-Menüs durch Stu's CSS ersetzen, wobei die in Joomla vergebenen Selektoren (ID-/Klassen-Namen) beizubehalten wären ;-)

 

[GFX-Händchen]

Danke!
Bin jetzt auch schon ein Stück schlauer geworden was Joomla anbelangt.
Ob ich es hinbekomme.... denke mal schon.
Muss ich bei Gelegenheit testen.

 

[GFX-Händchen]

Habe es jetzt mit einem CSS-Menü von Stu hinbekommen.
Das war aber ja nur ein Test!
Es sah nicht 100% so aus wie gewollt, aber die Funktionen z.B. des Hover, funktionierten.
Allerdings scheitere ich jetzt bei meinem eigenen CSS-Menü.

Wie bekomme ich es denn hin, dass ich z.B. impressum.html über das Joomla-Backend anlegen kann?

Bei mir sieht ein Menüpunkt folgendermaßen aus:

<div id="nav1"><a href="impressum.html"><img src="Bilder/impressum.png" width="120" height="34" alt="home" /></a></div>

Davon natürlich dann mehrere aufsteigend (nav2, nav3....)