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 > user.css
Letzte Bearbeitung:

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;
}

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

Please activate JavaScript in your browser.

» Sitemap