Mit welcher Extension wurde die Navi von typolight.org erstellt?

**ribery** · 11.01.2010, 12:09

Hallo zusammen,

kann mir jemand mitteilen, mit welcher Extension die Dropdown-Navigation von https://contao.org erstellt wurde?

Ein Blick in den Quellcode hat mir leider keinen wirklichen Aufschluss gegeben;-(

Viele Grüße

**MacKP** · 11.01.2010, 12:20

Hallo ribery,
soweit ich weiß mit dem normalen Navigationsmodul, CSS und ein wenig JavaScirpt für den IE6.

Du findest entweder hier direkt im Forum ein Tutorial für eine Horizontale Navigation die aufklappt oder über die Suchmaschine deiner Wahl.

Viele Grüße

**ribery** · 11.01.2010, 12:41

Hola,

Du scheinst Recht zu haben! Ich habe mir auch nochmals den Quellcode angesehen und der ist vom HTML-Konstrukt und den CSS-Klassen der Standardnavigation nahezu identisch.

Frage: Bekomme ich denn ohne teifer gehendes Programmieren eine derartige style-Anweisung diesem ul-Element zugewiesen?

<ul class="level_2" style="visibility: hidden; opacity: 0;">

Viele Grüße

**MacKP** · 11.01.2010, 12:49

Hallo ribery,
ja, mit der normalen angabe direkt im CSS und nicht im Template.. da brauchst du dann 0 am Template rumändern und hast direkt zentral das was du möchtest. Denn sonst hast du wieder das Problem diese Angabe mal zu ändern nur per CSS oder so.

Viele Grüße

**ribery** · 11.01.2010, 12:55

Hoho,

ok! Aber wo hinterlege ich dann die Angabe style="visibility: hidden; opacity: 0;"?

Viele Grüße

**Toffa** · 11.01.2010, 12:58

Hallo,

ich habe mich auch schon mal an diesem Menü versucht denke aber es ist über ein angepasstes Navtemplate gemacht worden, da die Überschrift ja auch kein Link ist oder ... :-?

LG

**MacKP** · 11.01.2010, 13:04

Hallo noch mal,
zu dem CSS -> http://www.google.de/search?q=extern...ient=firefox-a

Zu den Überschriften: ja, dafür kann man das Template anpassen. Wenn aber aber noch nicht einmal genug Wissen da ist um das CSS anzupassen rate ich davon ab an Templates rumzufummeln.
An sich reicht es auch wenn man die 'Überschriften' als Weiterleitungsseiten einrichtet.

Viele Grüße

**ribery** · 11.01.2010, 13:19

Hey MackP,

ich glaube hier gibt es ein Missverständnis! Ich kenne mich mit CSS schon sehr gut aus, allerdings frage ich aufgrund deiner Antwort, dass ich nicht an das Template ran muss, wo ich dann diesem <ul>-Element eine zweite Klasse bzw. eine style-Angabe zuweisen kann? Im Backend unter MODULE kann ich zwar weitere Klassen (keien Styles - wenngleich das sowieso fragwürdig ist!) zuweisen, aber wohl eher global und nicht für das zweite <ul> mit der class="level_2".

Viele Grüße

**MacKP** · 11.01.2010, 13:21

Hallo ribery,
warum willst du wenn du dich so gut auskennst ein inline CSS vergeben?
Das ist unnötig.

Viele Grüße

**ribery** · 11.01.2010, 13:22

Hatte ich ja auch geschrieben, das "es fragwürdig ist". Ich hätte dann sowieso zu einer zweiten Klasse tendiert!

**MacKP** · 11.01.2010, 13:27

Für das 2. Level bekommst du doch schon diese Klasse?
Ich versteh deine Beweggründe überhaupt nicht.. schreib doch bitte was du bezwecken möchtest...

Oder eventuell noch besser, folgt meinem Rat und lest hier das Tutorial für so eine Navigation -> https://community.contao.org/de/showthread.php?t=2941

Eventuell geht euch dabei ein Licht auf, da diese Grundlage für solche Navigationen sehr gut genommen werden kann.

Viele Grüße

**ribery** · 11.01.2010, 13:31

Thanx, das ist ein geiler Link! Ja, evtl. genügt mir auch diese level_2-Klasse. Hätte halt noch gerne gewusst, wie ich dem <ul>-Element der 2. Eeben noch eine zweite Klasse unterjubeln kann.

**FloB** · 11.01.2010, 13:51

Zitat von ribery

Ich bin sicher, dass diese Angaben über JS induziert wurden.

Eine solche Art Navigation nennt sich im Übrigen "suckerfish navigation". Die SuMa deiner Wahl hilft.
Edit: Ahja, da ist ja auch Link zu einem Tutorial

. Bin wieder still.

**ribery** · 11.01.2010, 13:55

Hello,

thanx! Aber das wurde nicht über JS gemacht, da die Navi auch noch bei abgeschaltetem JS funktioniert.

Viele Grüße

**FloB** · 11.01.2010, 14:04

Die Navi nutzt graceful javascript enhancement. Bei aktiviertem JavaScript wird ein Fade-Effekt hinzugefügt. Ohne JS ist die Funktion nicht eingeschränkt.

**Liebei** · 11.01.2010, 16:10

Ich versteh nicht, wieso man dazu die Ext Suckerfish Menu braucht, ich hab mir diese Erweiterung noch nie angeschaut. Wenn mann CSS kann, dann funktioniert das Menü auch so.