Thema: Menu Hover und Highlight des "Einleitungstextes"

Hi Community!

Ich habe folgendes vor und weiß echt nicht ob das überhaupt möglich ist und wo ich anfangen soll, daher meine Frage an die Community:

Es soll eine Rezepteseite geben mit verschiedenen Rezepten mit Bild. Diese werden in Kategorien eingeteilt wie zB Fleisch, Vegetarisch, etc.

Es wird eine Übersichtsseite pro Kategorie geben auf der alle Rezepte mit kleinem Vorschaubild (Einleitungstext des Beitrags) abgebildet werden - auf der linken Seite wird es ein Akkordeonmenü geben wo alle Namen der Rezepte (Beitragstitel) dargestellt werden.
Wenn man nun über einen Namen im Menü fährt soll das Bild mit dem zugehörigen Gericht irgendwie markiert werden.

Kann mir jemand sagen wie ich vorgehen muss? Ich denke dass ich für die Vorschaubilder sowie für die Menuitems irgendwie Klassen vergeben muss und dann mit einem Javascript das Ganze markieren... Würde mich echt freuen wenn mir jemand einen Rat geben könnte!

Besten Dank!

Wenn du den JCE benutzt und dich mit CSS auskennst, geht das relativ einfach, in dem du dem Link zum Bild einfach eine Klasse zuweist und eben diese in der CSS-Datei des Templates einen Hover-Effekt oder was auch immer zuweist.

Bei den anderen Editoren kenne ich mich nicht aus, weil ich die nie benutze. Wird da aber vermutlich auch relativ einfach gehen. Allerdings weiß ja eh niemand, welchen Editor du benutzt...

Bei Defiziten in CSS hilft dir diese Seite weiter:
http://de.selfhtml.org/css/eigenscha...udoformate.htm



EDIT: Beinahe vergessen: Pushen ist hier nicht erlaubt, weshalb ich deinen letzten Beitrag gelöscht habe. In Zukunft einfach mal ein wneig warten oder eventuell auch akzeptieren, dass man nichts weiß oder diene Fragestellung so ungenau ist, dass man nur sehr allgemein antworten kann.


Axel

Moin!
Danke für die Antwort!

Oh ich wollte nichts "puschen", hab nur gedacht wenn ich etwas genauer erkläre und ein paar Überlegungen beisteuere die mir im Laufe der Zeit gekommen sind .... nunja.... beiträge löschen ist auch irgendwie uncool...

Die Idee mit der Klasse ist gut - hatte ich auch schon wie man oben nachlesen kann ! Ich werde nun per Jquery ein Script bauen welches jeweils gleiche Klassen beim Hovern von einem beteiligten link ein Highlight - je nach Div verschiedenes - zuweist. Damit sollte es hinhauen! Sonst müsste ich ja für jedes Item etwas in meiner CSS Datein anlegen, das wäre nun auch unpraktisch....

Besten Dank also für den/die Hinweis(e)!

Zitat von zvenson

Oh ich wollte nichts "puschen", hab nur gedacht wenn ich etwas genauer erkläre und ein paar Überlegungen beisteuere die mir im Laufe der Zeit gekommen sind .... nunja....

Dann einfach das erste Post editieren und entsprechend erweitern


Axel

Danke! vielen Dank für die Aufklärung - so lernt man immer wieder neues dazu
Nun muss ich doch nochmal was posten - hoffe es wird nicht gelöscht!

Und zwar wird die Klasse im Mainmenu bei Joomla standardmäßig zum <li> hinzugefügt und nicht direkt zum Link also zum <a href

Ich hätte den Link allerdings gerne so, dass die Klasse direkt beim Link steht also in etwa so:
<a class="item45" href="#">

Kann mir jemand sagen wo ich ansetzen muss? /modules/mod_mainmenu/helper.php (line 363????)

EDIT: okay ich kann es mir selber sagen ohne zu puschen:
einfach in der datei /modules/mod_mainmenu/helper.php zeile 363

von
$data = '<a href="'.$tmp->url.'">'.$image.$tmp->name.'</a>';
in
$data = '<a class="item'.$tmp->id.'" href="'.$tmp->url.'">'.$image.$tmp->name.'</a>';

ändern

Besten Dank!

Grundsätzlich: keine PHP-Dateien für so etwas anpacken! Beim nächsten Update ist sowas oft genug wieder weg. Vor allem geht es viel viel einfacher!

Da ich nicht weiß, welchen Editor du benutzt:
Entweder einfach auf HTML-Ansicht umschalten und die Klasse per Hand eingeben oder beim JCE direkt bei den Verweisen im letzten Tab die Klasse eintragen.


Axel

nö - ich glaube du verstehst mich schon wieder falsch - mit dem Editor hat das nix zu tun sondern mit dem Menü-Modul. Das kann ich wohl schwerlich über den Editor - seis TinyMCE oder welchen auch immer - einstellen - also viiiieeell vielll einfacher geht es nicht - habs ja zu meiner zufriedenheit gelöst und meine Lösung ist durchaus elegant und einfach geworden auch wenn Du das nicht glauben magst