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:
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:
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"
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.
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:
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 einen Rollover-Effekt erzeugen.
Und darunter schreiben wir einen weiteren belanglosen Satz.