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 headerimage1 headerimage2 headerimage3 headerimage4 headerimage5 headerimage6
Sie sind hier: Startseite > Templates > klr-3col-flex > stylesheet.css > Situationsabhängige Formate

Einige Bereiche dieser Website benötigen zu ihrer Funktion sogenannte SESSION-Cookies, die jedoch keine Daten enthalten, die sich auf Sie, Ihren Webclient oder Ihr Gerät (PC oder Mobil-Gerät) beziehen (also keine personenbezogenen Daten).
Es werden lediglich seiteninterne Werte gespeichert.

CookiesWir hätten gerne Ihre Erlaubnis evtl. weitere Cookies auf Ihrem Rechner zu platzieren. - Erfahren sie mehr über diese Cookies in unserer Cookie Policy.

Letzte Bearbeitung:

Situationsabhängige Formate

Dieses Template enthält Formate, die abhängig von den aktuellen Umständen / Zuständen im CMS unterschiedliche Formatierungen zur Anwendung bringen.

Sehr anschaulich ist dies beim Beispiel des Formates in Zusammenhang mit der Zustimmung zum Setzen von Cookies.

no_cookies_text

p.no_cookies_text - zeigt Text nur dann an, wenn noch keine Zustimmung zum Setzen von Cookies gegeben wurde:

Dieser Text wird nur angezeigt, wenn noch keine Zustimmung zum Setzen von Cookies gegeben wurde. Du fährst mit dem Auto und hältst eine konstante Geschwindigkeit. Auf Deiner linken Seite befindet sich ein Abhang. Auf deiner rechten Seite fährt ein riesiges Feuerwehrauto und hält die gleiche Geschwindigkeit wie du. Vor dir galoppiert ein Schwein, das eindeutig größer ist als dein Auto und du kannst nicht vorbei. Hinter dir verfolgt dich ein Hubschrauber auf Bodenhöhe. Das Schwein und der Hubschrauber haben exakt deine Geschwindigkeit.

Im Editor wird dieser Text immer angezeigt, jedoch mit einer farbigen Unterlegung und einem vorangestellten Hinweistext:

 

cookies_text

p.cookies_text - zeigt Text nur dann an, wenn schon die Zustimmung zum Setzen von Cookies gegeben wurde:

Dieser Text wird nur angezeigt, wenn schon die Zustimmung zum Setzen von Cookies gegeben wurde. Du fährst mit dem Auto und hältst eine konstante Geschwindigkeit. Auf Deiner linken Seite befindet sich ein Abhang. Auf deiner rechten Seite fährt ein riesiges Feuerwehrauto und hält die gleiche Geschwindigkeit wie du. Vor dir galoppiert ein Schwein, das eindeutig größer ist als dein Auto und du kannst nicht vorbei. Hinter dir verfolgt dich ein Hubschrauber auf Bodenhöhe. Das Schwein und der Hubschrauber haben exakt deine Geschwindigkeit.

Im Editor wird dieser Text immer angezeigt, jedoch mit einer farbigen Unterlegung und einem vorangestellten Hinweistext:

 

tooltip

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

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-unten oder span.t-tip-opben

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.

 

mausbild

span.mausbild - lässt ein im Text enthaltenes ausgeblendetes Bild beim Hovern des Textes erscheinen.
Ein Text, der nach fertiger Formatierung als Hover-Sensor dienen soll, wird fertig geschrieben. An der gewünschten Stelle wird dann das Bild eingefügt. Es wird bei der Hover-Anzeige mit der nativen Größe eingeblendet. Jetzt wird der Text, der als Hover-Sensor dienen soll, markiert und mit dem Format span.mausbild versehen. Dann wird, ohne die Textmarkierung zu verändern, der markierte Text mit einem Link versehen mit dem Ziel '#'. Es geht dabei nur darum den Hover-Effekt des Links zu verwenden. Die Reihenfolge ist wichtig! Zuerst das Format, dann der Link.

Im Editor wird das Bild im nicht-gehoverten Zustand auf 30 px Breite beschränkt angezeigt und wird beim Hoveern 50 px breit.

Dies ist ein Fließtext ohne wirkliche Bedeutung oder sinngebenden Inhalt. Er dient nur zur Demonstration des Hover-Effektes in Verbindung mit einem Bild.

fgh gh ggh gfdgh ggg  fg f fg fg fg sgf sg hs gfh fg hd fgh dg hd gf fgg

 

 

 

 


| Seitenanfang | |  - - - By CrazyStat - - -

Please activate JavaScript in your browser.

» Sitemap