Mootools Navigation anpassen

[slarti]

Hallo zusammen,

ich bin ein absoluter Newbie im Bereich Typolight und CMS.

Momnetan baue ich eine Seite mit Typolight 2.8.
Allerdings möchte zur Navigation die Mootool Navigation benutzen.
Mein Problem dabei ist die Anpassung der Mootools.
Wie kann ich die Schrift und das Layout verändern?
Welche CSS Klasse ist dafür zuständig.

Ich hoffe Ihr könnt mir weiterhelfen.

Gruß Slarti

[Thomas]

Helfen gerade nicht direkt, aber die Firefox-Erweiterung Firebug dürfte Dir entgegen kommen.

[lucina]

Moin slarti,

das Modul benutzt .mod_mootoolsnav, die üblichen ul / li -Listenkonstrukte und dann noch die Klasse .toggler.

Firebug hilft, da hat Thomas vollkommen Recht.

Carolina.

[slarti]

danke für die schnellen Antworten.

Habe den Firebug gerade installiert und werde mir das mal ansehen.

Gruß Slarti

[slarti]

so, dank eurer Hilfe hab ich es hinbekommen.
Danke noch mal für die Tips

meine css Datei sieht nun so aus

.mod_mootoolsnav{width:200px;top:43px;position:absolute;font-family:Verdana,sans-serif;font-weight:normal;font-size:14px;color:#000000;}
.mod_mootoolsnav ul{margin:0 5px;padding:0;border-bottom:1px solid #c6ad8d;list-style-type:none;}
.mod_mootoolsnav li{margin:0;padding:5px 0;border-top:1px solid #c6ad8d;font-family:Verdana,sans-serif;font-weight:normal;font-size:14px;color:#030303;list-style-type:none;}
.mod_mootoolsnav p{font-family:Verdana,sans-serif;font-weight:bold;text-decoration:none;font-size:13px;color:#000000;}
.mod_mootoolsnav a{font-family:Verdana,sans-serif;font-weight:bold;text-decoration:none;font-size:13px;color:#000000;}
.mod_mootoolsnav .level_2{top:32px;position:absolute;margin-left:1px;font-size:12px;}
.mod_mootoolsnav .level_2 li{padding-right:20px;}
.mod_mootoolsnav .level_2 a{font-weight:normal;font-size:12px;color:#cacaca;}
.mod_mootoolsnav .level_2 p{font-weight:normal;font-size:12px;color:#cacaca;}
.mod_mootoolsnav .level_2 a:hover,
.mod_mootoolsnav .level_2 p.active{text-decoration:underline;color:#eaeaea;}

Gruß Slarti

[stearn]

Mal ne ganz doofe frage: ich hab mir auch mal die mootool navigation runtergeladen, aber wo finde ich das css dazu um sie anzupassen?
Danke für die Antwort
Stearn

[lucina]

Das CSS musst Du selbst erstellen (wer will schon eine Navigation von der Stange?) - den Ansatz findest Du in diesem Thread weiter oben.

Mit besten Grüßen,
Carolina.

[stearn]

Ja da hast du natürlich recht, allerdings würde es für Anfänger wie für mich sehr vereinfachen wenn es da schon ein CSS gäb was man nur anpassen bräuchte oder eine Dokumentation dazu.

[Toflar]

TYPOlight richtet sich auch nicht an Anfänger, was jetzt nicht heissen soll, du sollst das System verlassen, aber es ist der Grund, warum da kein CSS dabei ist

CSS lernen - wirst du ohnehin benötigen, wenn du Pages machen willst

[andreas.schempp]

Falls Ihr ein Template einsetzt, würde es womöglich auch funktionieren im Frontend-Modul die CSS-Klasse "mod_navigation" einzutragen