user.css
Die user.css ist dazu da, die neuen selbst entwickelten Styles des Autors / Webmasters aufzunehmen. Dadurch, dass diese Datei als allererste CSS-Datei eingelesen wird, werden keine Styles des Templates unbeabsichtigt überschrieben.
In dieser Datei sind schon zwei Formate enthalten.
Ab Zeile 5 und folgende wird, sozusagen als Musterbeispiel, mittels CSS der mittlerweile 'missbilligte' HTML-Tag <marquee> nachgebaut.
In Zeile 3 ist eine auskommentierte Formatierung enthalten, die für die Erstellung und Fehlersuche bei Styles sehr von Nutzen sein kann.
Wer kein spezialisiertes Programm zur CSS-Code-Entwicklung installiert hat, wird es bei der Definition und Testung neuer Styles evtl. begrüßen, wenn ganz klar dargestellt wird, wie die Block-bildenden Elemente einer Webseite mit- und ineinander verschachtelt sind.
Entfernt man die Auskommentierung der 3. Zeile wird jedes Block-bildende HTML-Standardelement mit einem gepunkteten Rahmen umgeben dargestellt.
Dateiname: templates/krl-3col-flex/user.css
/* benutzerdefinierte Formatierungen */
/* address, article, aside, audio, video, blockquote, canvas, dd, dl, fieldset, footer, header, hr, noscript, ol, pre, section, table, ul, h1, h2, h3, h4, h5, h6, p, div{border: dotted black 1px;} */
@keyframes marquee {
0% { text-indent: 100% }
100% { text-indent: -100% }
}
p.marquee, div.marquee {
max-width: 100vw;
width: 100%;
margin: auto;
overflow: hidden;
white-space: nowrap;
animation: marquee 20s linear infinite;
}
div.marquee {
min-height: 150px;
padding: 50px 0px 50px 0px;
}
.marquee:hover {
animation-play-state: paused;
}
/*
wenn das Plugin SimplePlugin_XH verwendet wird kann die Hintergrundfarbe der Header-Zeile mit der unten folgenden Formatierung eingestellt werden.
Dazu muss eine Änderung in Plugin-Datei /plugins/simpleplugins_xh/simpleplugins_library/tablecolumns/index.php vorgenommen werden.
Der Inhalt von Zeile 70 - 74 muss entfernt werden:
<style type="text/css">
table.tablecolumns th{
background-color: #FFD11933;
}
</style>
--- Diese fünf Zeilen dort ersatzlos löschen und die Auskommentierung der Formatierung unten entfernen und eine eigene Farbe festlegen (hier mit Transparenzwert #33).
*/
/*
table.tablecolumns th{
background-color: #FFD11933;
}
*/