+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Menü-Einträgen Css-Klassen/Ids zuweisen um sie gezielt zu foramtieren

  1. #1
    Neu an Board
    Registriert seit
    17.03.2009
    Beiträge
    14
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Menü-Einträgen Css-Klassen/Ids zuweisen um sie gezielt zu foramtieren

    Ich meine sowas irgendwo gesehen zu haben, dass man einem Navigationseintrag (Link auf einen Bereich) eine Klasse oder Id zuweisen kann, um den Navigationseintrag dann gezielt formatieren zu können.
    Gibts das wirklich oder ist da mehr der Wunsch Vater des Gedankens?

  2. #2
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.348
    Bedankte sich
    455
    Erhielt 2.972 Danksagungen
    in 2.791 Beiträgen

    Standard

    Du kannst alles mögliche per CSS in der zugehörigen datei formatieren. Aber ich verstehe nicht, was genau du machen möchtest?


    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

  3. #3
    Neu an Board
    Registriert seit
    17.03.2009
    Beiträge
    14
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Also mir geht es um folgendes:

    die beiden Links oben in der Mitte, sind in einem Menue. Das Menü allgemein und die einträge insgesamt kann ich ja einfach pauschal in der template.css ändern. nun möchte ich aber die einzelnen Einträge separiert noch formatieren. Meine Idee wäre halt, den einzelnen Einträgen eine Id zu geben und sie darüber zu formatieren.
    Ist das irgendwie möglich?

  4. #4
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.348
    Bedankte sich
    455
    Erhielt 2.972 Danksagungen
    in 2.791 Beiträgen

    Standard

    Brauchst nicht - ist alles schon da
    Editiere das zugehörige Modul und vergebe dort eine "Suffix Menü Class". Jetzt kannst du individuell formatieren.

    Beispiel:
    Im Modul gibst du unter "Menü Class Suffex" ein: "-MeineForm"
    Jetzt suchst du dir in der template.css die zugehörigen Klassen und IDs, kopierst sie und hängst den kopierten jeweils dein "-MeineForm" an.
    Code:
    a.mainlevel-MeineForm {...}
    Das wars ...


    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

  5. Erhielt Danksagungen von:


  6. #5
    Neu an Board
    Registriert seit
    17.03.2009
    Beiträge
    14
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Fast am Ziel...

    Das löst das Problem nicht ganz. Mit den Class-Suffixen kann ich der umgebenden Liste eine Id bzw. eine Klasse zuweisen. Ich will aber die einzelnen List-Items formatieren, also noch eine Ebene tiefer in das Modul als dein Vorschlag.
    Hier mal nen Codeschnippsel:

    HTML-Code:
    <ul id="areaNav" class="menu areaNavClass">
       <li class="item74">
          <a href="/joomla/index.php?option=com_content&view=section&id=5&Itemid=74">
             <span>mathematical solutions & engineering</span>
          </a>
       </li>
       <li class="item75">
          <a href="/joomla/index.php?option=com_content&view=section&id=6&Itemid=75">
             <span>measurement technique & science</span>
          </a>
       </li>
    </ul>
    also das "areaNavClass" ist das Menü-Klassen-Suffix und das "areaNav" ist die Menü-Tag-Id. Mir geht es aber darum die li's, die jetzt mit "itemXY" bezeichnet sind, mit dem Css Anzusprechen. Gibts da ne möglichkeit das hinzubekommen, ohne das Modul anzupassen?

  7. #6
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    Du kannst im CSS die li's einfach definieren, z.Bsp.
    Code:
    #areaNav li.item74 {color: red;}
    oder
    Code:
    #areaNav li.item74 a:link {color: red;}
    je nachdem wie du es haben möchtest.
    Geändert von anka (18.03.2009 um 20:34 Uhr) Grund: Ergänzung
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
    Joomla braucht dich!

    Kein Support per PN


  8. Erhielt Danksagungen von:


  9. #7
    Neu an Board
    Registriert seit
    17.03.2009
    Beiträge
    14
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    ahh, jetzt tu ich auch mal schnallen, dass die "itemXY" klassen bezeichnungen, sich auf die Ids der Menüeinträge beziehen. Dachte die wären jedesmal anders. Aber da die "relativ" statisch sind, kann ich mich auch direkt auf sie beziehen.

    Danke für den Richtigen wink!

+ Antworten

Lesezeichen

Berechtigungen

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