slogan

Open Search - Einbindung von time4joomla in das Suchenfeld des Browsers - und so funktioniert es: Open Search

Aktuelle Seite: Startseite Joomla 1.5 Tipps und Tricks 1.5 Text-Rollover mit dem JCE

Text-Rollover mit dem JCE

Grafische Rollovers mit dem JCE zu machen ist ja recht einfach, weil der JCE hier schon fertige Einstellmöglichkeiten sehr einfach mitbringt.
Aber wie wird ein Rollover-Effekt bei einer Textmarke erzielt?

Eigentlich genauso wie ein grafischer Rollover-Effekt - nur mit einem klitzekleinen Trick:

Zunächst schreiben wir den Text:

Lass uns was schreiben und mittendrin einen Rollover-Effekt erzeugen.
Und darunter schreiben wir einen weiteren belanglosen Satz.

Das Wort "mittendrin" möchte ich nun mit dem Rollover-Effekt belegen. Dazu zunächst das Wort markieren und dann das Bild einfügen/bearbeiten-Icon auswählen. Ich habe bei mir aus unerfindlichen Gründen zwei Icons, die das können. Wir entscheiden uns für das komfortablere:

Icon: Bild einfügen im JCE-Editor

 

Im darauffolgenden Fenster schreiben wir in die aufzurufenden URL ein Rautezeichen (#). Das bewirkt, dass die Seite selber aufgerufen wird, ohne das eine Fehlermeldung erscheint, wenn man darauf klickt. Und im Feld darunter, also in der Beschreibung, schreiben wir das Wort, dass wir in unserem Satz markiert haben. Also in unserem Beispiel das Wort "mittendrin"

 

Markierter Text im Beschreibungsfeld

 

Jetzt wechseln wir zum Reiter "Rollover". Dort zunächst das Kästchen für Aktivieren mit einem Haken versehen, sonst kommen wir an dieser Stelle nicht weiter.
"mit dem Cursor hinausfahren" - dort das Wort hineinschreiben, welches wir im Text markiert hatten. Also in diesem Beispiel das Wort "mittendrin". Und oben in der Zeile "mit dem Cursor hineinfahren" wird das Bild eingetragen, welches wir für den RollOver haben möchten. Das einfach unten auswählen und nach dem zuvor der Cursor in der leeren Zeile oben positioniert wurde, wird dort jetzt automatisch der korrekte Pfad zur Grafik eingetragen.

 

Grafikauswahl und Einstellung des Rollovers im JCE-Editor

 

Wenn der Rollover-Text, so wie bei uns, mitten im Text steht, dann muss die Bildausrichtung noch eingestellt werden. Dazu einfach noch mal zurück in den Reiter "Bild" wechseln und unter Ausrichtung "mittig" einstellen. Eventuell müssen die Abstände kontrolliert werden. Ich habe alles auf 0 gesetzt im Beispiel, statt auf 10, für Rechts, wie es vorgegeben wird und im Screenshot auch zu sehen ist am unteren roten Rand:

Bildausrichtung: mittig

Jetzt unten auf "Einfügen" klicken und dann kommt nachfolgendes Ergebnis, welches aber erst sichtbar ist, wenn man den Beitrag im Frontend aufruft.
Einfach die Maus über das Wort "mittendrin" im unteren Text bewegen:

 

Lass uns was schreiben und mittendrin einen Rollover-Effekt erzeugen.
Und darunter schreiben wir einen weiteren belanglosen Satz.

 


Share



  • charly

    Geschrieben am 2010-08-22 17:58:14

    Danke, das hat mir geholfen!

    Auf Kommentar antworten

  • Mizarasu

    Geschrieben am 2010-09-30 07:17:06

    Hi Axel,

    bei mir funktioniert das insofern, sich das Bild zwar öffnet (Maus auf Wort) wenn ich aber die Maus wieder entferne bleibt das Bild bestehen.

    Gruß
    Mizarsu

    Auf Kommentar antworten

  • Lisaaa

    Geschrieben am 2011-07-13 07:27:07

    Hallo!

    Bei mir funktionierts zwar, allerdings hätte ich gerne, dass sich das Bild woanders (in einer anderen Tabellenzeile) öffnet und nicht direkt anstelle des Wortes.

    Ist dies auch möglich und wenn ja, wie?

    Vielen lieben Dank schon im Voraus!

    Auf Kommentar antworten

Veroeffentlichen Sie ihre Kommentare ...

Suchen Sie einen Webhoster? time4joomla empfiehlt: www.Joomlahosting.de
Joomla ist ein freies CMS - Webdesign, Programming and Content by time4mambo
PR nur für diese Seite: SEO Tools

nach oben scrollen

www.time4joomla.de is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.