Joomla: verschiedene Schriftgrößen in einem Menülink

[handprintdesign]

Ich möchte einem ganz normalen Menülink in Joomla unterschiedliche Schriftgrößen geben. Bis jetzt habe ich das so gelöst:

1. Dem betroffenen Menüpunkt wird per CSS die kleinere Schriftgröße zugewiesen, da nur die zweite Zeile des Links kleiner sein soll:

   #nav_sub ul li.item10 a { font-size: 11px  !important; }

2. Der ersten Zeile wird mittles der :first-line Pseudoklasse wieder die normale Schriftgröße zugewiesen:

   #nav_sub  ul li.item10 a:first-line { font-size: 14px !important; }

Klappt soweit eigentlich auch ganz gut, aber sobald eine Scrollleiste angezeigt wird (weil die Höhe der Seite das eben erfordert), dann interpretiert Firefox diese Regel nicht mehr richtig. Fährt man dann aber mit der Maus über den Link, ist alles wieder normal... (siehe Bilder)



Hat vllt jemand eine Lösung für dieses Problem bzw. ne Idee wie man die entsprechenden Wörter anders selektieren könnte?

Wo soll das noch hinführen, wenn sogar Firefox jetzt schon unverständlich wird (in Opera, Safari etc. tritt dieser Fehler z.B. nicht auf)

 

[dosonaro]

AW: Joomla: verschiedene Schriftgrößen in einem Menülink

Was willst du denn jetzt genau machen?

Du willst einen bestimmten Menüpunkt eine feste Größe geben?

Oder immer den ersten Menüpunkt eine andere Größe zuordnern?

Oder soll die Schriftart der Untermenüs kleiner Sein als der Hauptmenüpunkt?

Oder was willst du nun genau

 

[Samuelll]

AW: Joomla: verschiedene Schriftgrößen in einem Menülink

Sofern es nicht eine extension gibt bleibt dir nur ein weg :

Schau dir das Thema overwrites an, die zB auch in dem Beez-Template genutzt werden.

Es gibt die Möglichkeit dort ein abgewandeltes Menü anzulegen, dass auf Hauptmenu basiert.
Hier kannst du dann die Ausgabe der Menupunkte und alles andere anpassen.

Dann sind ein wenig PHP-Kenntnisse nötig, da du den Inhalt von der Variable "Link" auslesen und nach dem ersten Wort trennen musst (PHP : Explode).
Den ersten Teil könntest du dann normal darstellen und den zweiten Teil des Links in ein <span class="small"></span> verpacken.

So würde ich vorgehen.

Edit : Da das eigentlich ein schöner Effekt ist könntest du auch einfach nochmal bei den Extensions (extensions.joomla.org)schauen, ob das nicht schonmal jemand erstellt hat.

 

[handprintdesign]

AW: Joomla: verschiedene Schriftgrößen in einem Menülink

Was willst du denn jetzt genau machen?

Du willst einen bestimmten Menüpunkt eine feste Größe geben?

Oder immer den ersten Menüpunkt eine andere Größe zuordnern?

Oder soll die Schriftart der Untermenüs kleiner Sein als der Hauptmenüpunkt?

Oder was willst du nun genau

Schau dir mal mein Bild im ersten Post an... Das sollte deine Frage doch eigentlich beantworten oder? Eigentlich funktioniert ja auch alles perfekt, nur Firefox spinnt rum, sobald Scrollleisten angezeigt werden und die Seite dadurch ein Stück nach links verschoben wird...