ref.thorstn.com /
private moziloCMS und CSS Referenzseite

Textformatierung


Neben den normalen Textformatierungen (Fettschrift, kursiv und unterstrichen usw.) gibt es auch andere Hervorhebungen.

Es war einmal ein Text mit großen Anfangsbuchstaben bzw. -worten...

Das benutzerdefinierte Syntaxelement hierfür lautet:
initial = <span style="font-size:180%;font-style:italic;color:#A4B4F8;">{VALUE}</span>



Manchmal braucht man bestimmte Farben für den Text oder einzelne Wörter wie hier.
In diesem Falle lautet die Anweisung in der Inhaltsseite:
[farbe=AA0000|einzelne Wörter]



Tooltip (Textanzeige bei Mouseover):

Für kleine Erläuterungen eines Begriffes eignet sich ein einfacher Tooltip. Dabei wird ein Erklärungstext angezeigt, wenn man mit der Maus über das Wort / die Wörter fährt.


In diesem Falle erkläre ich Wordpress (?) mit einem Satz.


In der .css Datei wird folgendes deklariert:

.tooltip {
    cursor: help;
    text-decoration: none;
}
.tooltip a {
    color:#000;
    text-decoration:none;
    border-bottom:1px #000 dashed;
    font-weight:normal;
}
.tooltip a:hover {
    text-decoration:none;
}

Als benutzerdefinierte Syntax wird folgendes notiert:

tooltip = <span class="tooltip"><a title="{DESCRIPTION}">{VALUE}</a></span>

In der Inhaltsseite sieht das dann so aus:

In diesem Falle erkläre ich [tooltip=Wordpress ist das bekannteste Script für Weblogs (Blogs).|Wordpress (?)] mit einem Satz.




















Testbeitrag
Dies ist ein Testbeitrag für den Ankerlink. Auf der Seite Linksetzung ist ein Link, der auf diesen Artikel bzw. Textabschnitt verweist.


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.









(Ende des Testbeitrags für den Ankerlink)