Menüpunkt ausfahren

**lacrosse1981** · 18.05.2008 00:04

hallo leute,
mit der sufu finde ich nur beiträge zu menüs, bei denen untermenüs ausklappen, zu meiner art der frage habe ich jetzt nichts gefunden (bzw weiß einfach nicht mehr nach was ich noch suchen soll).

mein problem ist:
ich möchte ein template erstellen, bei dem in der mitte in einem relativ kleinen rahmen (550 x 500) der inhalt zu sehen ist. recht sollen 3 größere menüpunkte sein. davon sieht man jedoch erst nur ein symbol, und bei mouseover fährt der menüpunkt weiter aus, damit man eine schrift erkennen kann.
habe mal ein kleines gif angehängt wie es ungefähr aussehen soll.
ist dies grundsätzlich möglich und wenn ja wie?

**frealk** · 18.05.2008 00:09

Ja, das geht bestimmt...
Allerdings gibt es dazu "meines Wissens" kein Plugin für!

Doch wenn Du Dich ein wenig mit Mootools auskennst, läßt sich das in der Tat realisieren

**lacrosse1981** · 18.05.2008 00:18

nun ja, bin noch net wirklich super fit in joomla, aber lerne auch gerne dazu. wie kann ich mootools einbinden?

**frealk** · 18.05.2008 00:21

Dann ist mootools wohl eher nicht die richtige Lösung für dich...
Du kannst aber auch ne hover-Grafik machen, wenn Du auf den slide-effect verzichten kannst!?

**lacrosse1981** · 18.05.2008 00:29

nun ja, hover war eigentlich nicht das, was ich wollte. zudem wüsste ich jetzt beim hover auch nur wie ich einem menü generell ne hover-aktion zuweise, dass meinetwegen die schrift ne andere farbe bekommt, oder z.B. ein pfeil dahinter eingeblendet wird.
ich bräuchte ja bei jedem menüpunkt ne andere grafik

**frealk** · 18.05.2008 00:30

meinst Du das so:
klick
?

**lacrosse1981** · 18.05.2008 00:35

jo, ist schon mal sehr gut, wenn sich das sliden nicht machen lässt definitiv besser als nix
vielleicht ergibt es sich ja dann irgendwann mit der zeit das sliden umzusetzen

wie hast du das jetzt im code geschrieben? ;-)

**frealk** · 18.05.2008 00:38

Das sind 2 Grafiken (gleiche Breite) und folgender CSS-Code:

Code:

.slide {
display: block;
width: 348px;
height: 101px;
background: url(../images/img_1.gif) no-repeat left top;
}

.slide:hover {
display: block;
width: 348px;
height: 101px;
background: url(../images/img_2.gif) no-repeat left top;
}

**lacrosse1981** · 18.05.2008 00:40

dann für jeden menüpunkt nen eigenen eintrag ? (wäre nicht schlimm, weils nur 3 sind)

und sliden wäre gleich viel komplizierter oder? das geht wahrscheinlich nur mit JS

**frealk** · 18.05.2008 00:42

Ja, sliden wäre ein wenig komplizierter und geht nur mit JS!

Am besten nimmst Du "Extended-Menü". Damit kannst Du jedem Menüpunkt eine eigene "class" zuweisen und per CSS somit separat ansteuern.

Thema: Menüpunkt ausfahren

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Menüpunkt ausfahren

Lesezeichen

Lesezeichen

Berechtigungen