[gelöst] Menu mit Hintergrundbildern
Eingetragen von HeideKraut (6)am 22.04.2014 - 16:19 Uhr in
Hallo,
ich bin auf der Suche nach einem Menü-Modul, dass das Menu ähnlich wie auf folgender Beispielseite
abbildet: http://tympanus.net/Tutorials/OriginalHoverEffects/index10.html.
Nur soll das Bild 600x400 px groß sein und mit mehreren Links versehen werden.
Wenn die Maus über das Bild bewegt wird, sollen die hinterlegten Links angezeigt werden.
Ich habe das zwar auf einer "Testseite" mit hartem Code umgesetzt, ich würde das aber der Pflege wegen lieber
mit den Drupal-Menus zu verknüpfen.
Ich wäre sehr dankbar für jeden Hinweis, ich habe schon alle möglichen Drupal Module angeschaut, aber nichts gefunden.
Langsam gehen mir die Ideen aus, wo ich noch suchen könnte.
Vielen Dank im voraus für Eure Mithilfe.
Grüße Heide
- Anmelden oder Registrieren um Kommentare zu schreiben
Das hat eigentlich nichts mit
am 23.04.2014 - 18:24 Uhr
Das hat eigentlich nichts mit Drupal-Modulen zu tun, das ist CSS und vielleicht ein bisschen JavaScript, maximal vielleicht auch ein bisschen Theming.
Das es sich hierbei um CCS
am 23.04.2014 - 18:43 Uhr
Das es sich hierbei um CCS und Theming handelt war mir schon klar. Hätte ja sein können, dass es ein fix und fertiges Modul dafür gibt.
Ich habe jetzt mal folgendes ausprobiert:
<div id="content"><div class="view">
<img src="themes/test/images/bild.gif" alt="BILDBESCHREIBUNG" />
<div class="mask mask-1">
<div class="mask mask-2">
<div class="content">
<h2>Überschrift 1</h2>
<p>Überschrift 2</p>
<?php print theme('links', $primary_links, array('class' => 'info', 'id' => 'view')); ?>
</div>
</div>
</div>
</div>
</div>
Und das CSS entsprechend angepasst. Jedoch werden mit die Primary Links nicht angezeigt.
Ich probier mal weiter nach dem RGP-System (raten, glauben, probieren) ;-)
P.S.: Ich bin in PHP blutige Anfängerin ...
In welche Datei hast Du
am 24.04.2014 - 08:00 Uhr
In welche Datei hast Du dieses Code-Schnippsel denn hineingepackt? Und ist $primary_links definiert? Was steht denn da, wenn Du folgendes eingibst?
<pre><?php print_r($primary_links); ?>
</pre>
Probier ansonsten mal
<?php print theme('links', array('links' => $primary_links, array( 'attributes' => array( 'class' => array ('info'), 'id' => 'view'))) ); ?>D.h. das Menü soll hinter so
am 24.04.2014 - 08:34 Uhr
D.h. das Menü soll hinter so einem Bild erst beim Hover sichtbar werden? Würd ich allein aus Usability-Gründen dringendst von abraten!
Oder was in Gottes Namen hast Du da genau vor???
Was sagt denn der HTML-Quellcode? Ist dort das HTML-Markup für das Menü dort vorhanden und das Menü nur unsichtbar?
Oder wird das HTML-Markup gar nicht erst generiert?
Zunächst mal vielen Dank für
am 24.04.2014 - 13:06 Uhr
Zunächst mal vielen Dank für die Tipps.
Mit der ersten Variante wird das Menu jetzt angezeigt.
Leider habe ich jetzt das Problem, dass diese untereinander angezeigt werden.
Ich denke, da muss ich im CSS noch mal ein wenig herumschrauben. ...
@E-Fee: Ja Du hast das
am 24.04.2014 - 13:08 Uhr
@E-Fee: Ja Du hast das richtig verstanden. Ich habe auch davon abgeraten, aber mein Kumpel will
das absolut so haben ..., da kann ich mir die Diskussion sparen oder den Krempel hinschmeißen *seufz*.