+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte
Ergebnis 1 bis 10 von 21

Thema: horizontales Menü mit horizontalem submenü

  1. #1
    Neu an Board
    Registriert seit
    25.01.2007
    Ort
    Berlin
    Beiträge
    24
    Bedankte sich
    10
    Erhielt 6 Danksagungen
    in 3 Beiträgen

    Standard horizontales Menü mit horizontalem submenü

    Hallo zusammen,

    ich habe es nach langem rumprobieren endlich geschafft ein horizontales Submenü zu einem horizontalem Topmenü zu basteln.
    Ich benutze dazu das mod_extended Menü.

    Wenn ich einen Eintrag mit z.B. drei Untermenüpunkten aktiviere, erscheinen die Unterpunkte in einer horizontalen Linie.
    Mein Problem ist, dass sich dadurch der Eltern-Menüpunkt auf die breite aller drei Submenüpunkte einstellt und sich das Mainmenü dadurch verschiebt.

    Ich denke es ist nur eine CSS-Geschichte.
    Hat jemand sowas schon mal selbst gebaut, und kann mir helfen?

    Die relevanten Zeilen in der CSS-Datei sind folgende:

    .mainlevel-nav, .mainlevel_current-nav {
    list-style: none;
    padding-left: 20px;
    margin: 0;
    padding: 5;
    display: block;
    }
    a.mainlevel-nav:link, a.mainlevel-nav:visited {
    color: #FFFFFF;
    }
    ul#mainlevel-nav {
    list-style: none;
    padding-left: 20px;
    margin: 0;
    }
    ul#mainlevel-nav li{
    width: auto !important;
    width: 5%;
    float: left;
    margin: 0;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    }
    ul#mainlevel-nav li a{
    font-weight: normal;
    padding-left: 5px;
    padding-right: 10px;
    margin-left: 5px;
    white-space: nowrap;
    text-align: left;
    }
    #sublevel_current-nav {
    list-style: none;
    position: absolute;
    }
    .sublevel_current-nav {
    list-style: none;
    }
    #sublevel-nav {
    }
    .sublevel-nav {
    list-style: none;
    }

    a.sublevel-nav:link, a.sublevel-nav:visited {
    color: #333333;
    }
    #active_menu-nav {
    background-color: #CCCCCC;
    list-style: none;
    padding-left: 20px;
    margin: 0;
    padding: 5;
    display: block;
    }


    Beste Grüsse

    Marc

    Hab jetzt selbst gelöst.

    Im extended Menu Module muss die ElementID aktiviert sein und an der richtigen Stelle in der CSS-Datei ein Eintrag position: absolute; .

    Wer ähnliches vorhat, kann mich gerne ansprechen.

    Nochmal ein ein Sorry, dass der Beitrag nicht beim ersten mal mit den entsprechenden Details gefüttert wurde.
    Ich werde mich bessern.

    Beste Grüsse

    Marc
    Angehängte Grafiken

  2. #2
    Kommt häufiger vorbei Avatar von marsu_2
    Registriert seit
    12.06.2005
    Beiträge
    490
    Bedankte sich
    20
    Erhielt 74 Danksagungen
    in 72 Beiträgen

    Standard

    Wir sind hier doch nicht bei "Wünsch dir was"
    wie-poste-ich-meine-frage-richtig

  3. #3
    Neu an Board
    Registriert seit
    25.01.2007
    Ort
    Berlin
    Beiträge
    24
    Bedankte sich
    10
    Erhielt 6 Danksagungen
    in 3 Beiträgen

    Standard

    Danke für Deine Bemühungen, geht es auch ein bischen genauer ?

    Beste Grüsse

  4. #4
    Neu an Board
    Registriert seit
    10.02.2007
    Beiträge
    3
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Horizontal Menü

    Hallo Marc,

    ich bin ein Joomla-Einsteiger und möchte ein horizontales Menü entwerfen wie z.B. auf dieser Seite: http://www.sattlerkunststoffwerk.de/Produkte.html

    Ist dies mit dem mod_exmenu möglich?

    Beste Grüße
    Hanebambel

    Zitat Zitat von Fredvonfat Beitrag anzeigen
    Wer ähnliches vorhat, kann mich gerne ansprechen.

  5. #5
    Neu an Board
    Registriert seit
    25.01.2007
    Ort
    Berlin
    Beiträge
    24
    Bedankte sich
    10
    Erhielt 6 Danksagungen
    in 3 Beiträgen

    Standard

    Hallo Hanebambel,
    genau so ein Menü hab ich mit dem mod_exmenu gebaut.

    zu sehen unter: www.mycruso.de oder www.dreifach-einfach.de

    Folgendes muss dabei beachtet werden.
    1. Menü erstellen
    2. Untermenüpunkte erstellen und jeweils darauf achten, die unique ItemID zu aktivieren. Eine spätere Aktivierung bringt nichts. (funktioniert nur, wenn der Menüpunkt vom Typ "Link-Content Item" ist.)
    3. Im Modul muss die ElementID aktiviert werden und ebenso ein Menu Class Suffix gesetzt werden. Als Menüstyle wähle bitte Flat List.
    4. Jetzt brauchst du nur noch das Menü auf der website anzeigen lassen.
    Sieht jetzt erstmal ziemlich doof aus. Lass Dir den Seitenquelltext anzeigen und notiere Dir die Menüpunkte mit den dazugehörigen Classen und IDs.
    5. Jetzt kannst Du anfangen deine CSS-Datei zu bearbeiten und anzupassen.

    wichtige Parameter sind z.B.
    list-style: none;
    position: absolute;
    float: left;

    Unter http://de.selfhtml.org/ kannst Du erfahren, wie Du diese Parameter gewinnbringend einsetzen musst.

    Na dann hoffe ich, dass ich Dir weiterhelfen konnte und wünsch Dir Viel Spass dabei.

    Gruss
    Marc
    Es gibt nichts gutes,
    außer man tut es !!!

  6. #6
    War schon öfter hier
    Registriert seit
    15.06.2005
    Beiträge
    200
    Bedankte sich
    4
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Hi,
    ich habe vor genau so ein Menü zu gestalten, wie meine beiden Vorredner dies geschildert bzw. erläutert haben. Hierzu habe ich auch das extendet gewählt, allerdings finde ich durch dieses modul absolout gar nicht durch. Meine CSS Befehle werden nicht eingelesen. Was genau muss ich bei modul_class_suffix im Modul Backend eintragen?

    Oder:
    Gibt es vielleicht schon ein vorgefertigtes Suckerfish CSS das darauf ausgelegt ist? Bislang habe ich nur welche von dieser Seite gefunden: http://de.siteof.de/extended-menu.html

    Danke für die Hilfe.

    Gruß

  7. #7
    War schon öfter hier
    Registriert seit
    15.06.2005
    Beiträge
    200
    Bedankte sich
    4
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    *push* kann mir keiner helfen? Der Author des Threads meldet sich auch nicht....

    TD

  8. #8
    Neu an Board
    Registriert seit
    25.01.2007
    Ort
    Berlin
    Beiträge
    24
    Bedankte sich
    10
    Erhielt 6 Danksagungen
    in 3 Beiträgen

    Standard Firebug

    Zitat Zitat von IckZ Beitrag anzeigen
    *push* kann mir keiner helfen? Der Author des Threads meldet sich auch nicht....

    TD
    Hallo IckZ,

    sorry, dass ich mich erst jetzt melde.

    Bitte verwende für die Diagnose Firefox mit dem Firebug-Plugin und gehe zur Seite www.dreifach-einfach.de.

    Die Punkte 2. und 3. aus meinem kleinem howto sind für dieses Vorhaben OBERSTES GESETZ !!!!!

    2. Untermenüpunkte erstellen und jeweils darauf achten, die unique ItemID zu aktivieren. Eine spätere Aktivierung bringt nichts.
    3. Im Modul muss die ElementID aktiviert werden und ebenso ein Menu Class Suffix gesetzt werden. Als Menüstyle wähle bitte Flat List.

    Als letztes, wenn Firefox alles gut anzeigt, erstelle extra CSS-Anweisungen (Browserweiche) für IE6 und IE7. Dazu wählst Du für IE6 die Form * html id { } und für IE7 die Form *+html id { }.

    Für weitere Fragen, schick mir einfach deinen Code.
    Ich schau jetzt wieder häufiger ins Forum.

    Gruss Marc
    Es gibt nichts gutes,
    außer man tut es !!!

  9. #9
    War schon öfter hier
    Registriert seit
    15.06.2005
    Beiträge
    200
    Bedankte sich
    4
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    hi danke für deine Hilfe :-)
    aber ich glaube ich bin blind. Wenn ich ein neuen Menübutton anlege, kann ich nirgens einen unique hacken setzen. Nichtmal wenn er schon existiert über den edit button(ja ich weiß das es dann nicht geht, aber ich wollte wissen ob er dann vielleicht auftaucht) Auf dem System läuft die aktuelle Joomla Version (12er)

    gruß

  10. #10
    Neu an Board
    Registriert seit
    25.01.2007
    Ort
    Berlin
    Beiträge
    24
    Bedankte sich
    10
    Erhielt 6 Danksagungen
    in 3 Beiträgen

    Standard

    Ich benutze
    Link Content Item und da steht dann auf der rechten Seite "Unique Itemid".

    Bei Link Component erscheint es nicht hab ich festgestellt.

    Gruss
    Marc
    Es gibt nichts gutes,
    außer man tut es !!!

+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein