header-xh-01 header-xh-02 header-xh-03 header-xh-04 header-xh-05 header-xh-06 header-xh-07 header-xh-08 header-xh-09 header-xh-10 header-xh-11 header-xh-12 header-xh-13 header-xh-14
Templates für CMSimple_XH von
KRL Software-Development
private, nicht kommerzielle Website
by Karl Richard Lembach
Sie sind hier: Startseite > Template krl-3col-flex > Dateien des Templates > stylesheet.css > tooltip + t-tiptext-unten/-oben
Letzte Bearbeitung:

tooltip

span.tooltip in Verbindung mit span.t-tiptext-unten oder span.t-tip-oben - zeigt einen Tooltip (Erklärungstext) an, wenn ein entsprechend formatierter Textbereich mit der Maus überfahren wird.

Anwendung: Zuerst den Text schreiben, der als Link zur Anzeige des Tooltips agieren soll. Diesen dann markieren und mit dem Format span.tooltip auszeichnen.
Jetzt in diesen Text (etwa in der Mitte) den Text des Tooltips einfügen.
Diesen Tooltiptext dann markieren und zusätzlichmit dem Format span.t-tiptext-unten bzw. span.t-tiptext-oben auszeichnen.

span.tooltip mit span.t-tiptext-unten

Beim Hovern dieses Textes wird ein ErläuterungstextIm Editor kann kein Tooltip angezeigt werden, da der sich nicht editieren ließe. in einem Tooltip unter diesem Basistext eingeblendet.

span.tooltip in Verbindung mit span.t-tiptext-oben

Beim Hovern dieses Textes wird ein ErläuterungstextIm Editor kann kein Tooltip angezeigt werden, da der sich nicht editieren ließe. in einem Tooltip über diesem Basistext eingeblendet.

 


| Seitenanfang |