Hinweis:
Diese Website ref.thorstn.com wird nicht weiter aktualisiert. Die hier vorliegende Version der Webpräsenz wird nicht mehr mit dem CMS realisiert, sondern mittels HTML-Dateien als Archiv dargestellt. Datum: 7.1.2021
Diese Website ref.thorstn.com wird nicht weiter aktualisiert. Die hier vorliegende Version der Webpräsenz wird nicht mehr mit dem CMS realisiert, sondern mittels HTML-Dateien als Archiv dargestellt. Datum: 7.1.2021
Newsbox 2 (mit Mouseover-Effekt)
Dies ist eine einfach Newsbox mit Mouseover-Effekt.
Hierfür wird nur eine Angabe in der .css Datei benötigt.
Diese Newsbox ist wesentlich schlichter gehalten und wird auch den meisten Ansprüchen genügen.Hierfür wird nur eine Angabe in der .css Datei benötigt.
Der Text innerhalb der Box ist zentriert. Den Text kann man natürlich auch links- oder rechtsbündig anbringen oder im Blocksatz (text-align:justify).
Desweiteren färbt sich die Hintergrundfarbe der Newsbox beim Herüberfahren mit der Maus in Rot und die Schriftfarbe wird weiß.
In der .css Datei wird folgendes definiert:
div.newsboxeinfach {
vertical-align:top;
float: right;
border:1px solid #000000;
background-color: #ffffff;
width:165px;
padding:10px;
margin:0px 0px 5px 10px;
color:#767676;
text-align:center;
}
div.newsboxeinfach:hover {
background-color:#ff0000;
color:#fff;
}
vertical-align:top;
float: right;
border:1px solid #000000;
background-color: #ffffff;
width:165px;
padding:10px;
margin:0px 0px 5px 10px;
color:#767676;
text-align:center;
}
div.newsboxeinfach:hover {
background-color:#ff0000;
color:#fff;
}
Als benutzerdefinierte Syntax wird folgendes angelegt:
newsboxeinfach = <div class="newsboxeinfach">{VALUE}</div>
Eintrag in die Inhaltsseite:
[newsboxeinfach|Dies ist eine einfach Newsbox mit Mouseover-Effekt.
Hierfür wird nur eine Angabe in der .css Datei benötigt.]
Hierfür wird nur eine Angabe in der .css Datei benötigt.]