Bearbeiten des CSS
Aus SMFPortal.de Wiki
Die style.css bestimmt das Layout deines Themes. Durch Bearbeitung und Anpassung dieser Datei kann man das Forum farblich an seine Bedürfnisse anpassen.
Inhaltsverzeichnis |
SMF Version 1.1.x
Erklärung vom Aufbau der Style.css
In der Style.css sind alle Werte definiert die einer class zugeordnet sind. Ein typischer Eintrag aus der Index.template.php ist zb.:
<tr class="windowbg2">
In der style.css findet man dazu folgenes:
.windowbg2
{
color: #000000;
background-color: #f8f8f8;
}'
.windowbg2 ist die Style-Class
{ Anfang der Definition
color: #000000; ist die Textfarbe
background-color: #f8f8f8; Ist die Hintergrundfarbe
} Ende der Definition
Man kann bei Bedarf jederzeit eigene Stylesheet Classes definieren oder vorhandene erweitern.
Bearbeitung Variante 1
Du musst als Administrator angemeldet sein. Dann wechsel ins ACP (Admin Control Panel).
Wechsle danach -->Konfiguration-->Theme & Layout-->"Themes editieren". Dort findest du auf der rechten Seite den Eintrag Editiere die style.css Datei. (Farben, Schriften, etc.)
Wenn du drauf klickst öffnet sich die style.css und eine Vorschau.
Hier kannst du Farben, Schriftgröße/-art, etc verändern.
Solange du nicht auf Speichern klickst bleibt alles beim alten.
Beim default Theme funktioniert diese Variante nicht. Entweder man bearbeitet die style.css wie in Variane 2 beschrieben oder man macht eine Kopie des default Themes und bearbeitet dann dieses (was die sichere Variante ist, da man das default nach möglichkeit unberührt lassen sollte).
Bearbeitung Variante 2
Mit Hilfe eines FTP-Programmes lädt man sich die Style.css aus dem Theme-Verzeichnis herunter und bearbeitet diese mit einem Editor Offline am PC. Um dabei die Änderungen zu sehen muß man allerdings die Datei jedesmal wieder hochladen.
Weiterführende Informationen
Theme Generator zum erzeugen einer Standard style.css
Farben-Generator zur Erzeugung eines HEX-Farbcodes
Die Firefoxerweiterung FireBug