dynamicinternet Webdesign

Das Blog

Themen, Tutorials sowie Tipps & Tricks über Webdesign, (X)HTML und CSS, Programmierung, WordPress und was uns sonst noch bewegt.

RSS abonnieren

Userstylesheet für YAML Green Theme

Der eine oder andere Nutzer des YAML Green Theme nimmt vielleicht Modifikationen an den CSS-Dateien vor. Er ändert zB. die Linkfarben, was auch immer. Wenn es dann wieder einmal ein Udate des Themes gibt und man passt nicht auf, sind die Änderungen schnell überschrieben und die ganze Arbeit futsch. Damit so etwas nicht vorkommt, bietet sich ein eigenes Stylesheet für Änderungen an.

Man legt einfach im Ordner css/screen/ eine neue Datei meinestyles.css (oder wie immer ihr die nennen wollt) an. Das Charset und die Media-Regel nicht vergessen!


@charset "UTF-8";
@media all
{
/** hier kommt nun euer CSS hinein**/
.body { background: #000;} /** usw...**/
}

danach muß diese Datei in die 3 Dateien
green_2col_left.css
green_2col_right.css
green_3col_fixed.css
eingebunden werden. Dazu schreibt ihr in alle 3 Dateien:


@charset "UTF-8";

@import url(../yaml/core/slim_base.css);
@import url(../yaml/navigation/nav_shinybuttons.css);
@import url(screen/basemod.css);
@import url(screen/basemod_2col_left_seo.css);
@import url(screen/content.css);
@import url(screen/meinestyles.css);
@import url(print/print.css);

Und zwar exakt an dieser Stelle. Sollten bei einem Update diese 3 Dateien überschrieben werden, braucht man nur das meinestyles.css neu eingebunden werden.

keine Kommentare
Einen Kommentar schreiben