Hallo zusammen,

seit der Forumsversion 1.1 (und Bug #87 ;)) ist es für den Benutzer möglich, in seinem my-Bereich ein eigenes Benutzerstylesheet für das Forum festzulegen. Zwar lässt sich die HTML-Struktur nicht direkt anpassen, aber durch das Benutzerstylesheet hat man über Umwege ähnliche Möglichkeiten, das Erscheinungsbild des Forums komplett umzukrempeln, vor allem weil viele Klassen und IDs benutzt werden, welche man adressieren kann.

Nun würde ich gerne wissen, wie ihr euch das Forum an eure Präferenzen anpasst und welche Stylekonstrukte ihr dazu nutzt; vielleicht möchtet ihr sie auch vorstellen.

Meiner Erfahrung nach reichen simplen Selektoren nicht aus, wenn man sehr spezielle Änderungen vornehmen möchte, sodass mein Stylesheet nur im Mozilla das gewünschte Ergebnis erzielt. Opera (6) versteht Attributselektoren und first-child/last-child nicht und den MSIE kann man einmal wieder (wie immer) völlig vergessen, da er nicht einmal die einfachsten CSS2-Selektoren versteht. Leider muss man selbst im Mozilla Abstriche machen, da sich viele Elemente nur über CSS3-Selektoren wie nth-child erreichen lassen.

Sicherlich ist es sehr naheliegend, einfach #selfforumheader usw. komplett zu verbergen, aber ein wenig davon möchte ich dennoch sehen, deswegen ist mein Stylesheet vergleichsweise komplex. Es funktioniert wie gesagt problemlos nur mit Mozilla (getestet mit 1.2b) und der XHTML-Version des Forums. Mit Opera 7 habe ich es noch nicht getestet, ich hoffe aber, dass er zumindest mehr als 6.x versteht.
Das Stylesheet könnt ihr euch unter http://home.t-online.de/home/dj5nu/fanhost/selfforum.css anschauen und es ist recht ausführlich kommentiert, man dürfte sich schnell zurechtfinden.

Ein paar Schirmschüsse folgen... (90 KB *duck* ;))

_Forumshauptdateiansicht_

Vorher:

<img src="http://home.t-online.de/home/dj5nu/fanhost/sf-css3.png" border="0" alt="">

Nachher:

<img src="http://home.t-online.de/home/dj5nu/fanhost/sf-css4.png" border="0" alt="">

(Nein, die Anzeige wird nicht nach drei Threads beendet, das ist eine modifizierte Datei. :))

_Postingansicht_

Vorher:

<img src="http://home.t-online.de/home/dj5nu/fanhost/sf-css5.png" border="0" alt="">

Nachher:

<img src="http://home.t-online.de/home/dj5nu/fanhost/sf-css6.png" border="0" alt="">

Die Farben lassen sich natürlich alle anpassen (zugegeben, es ist vergleichsweise kahl, so ganz ohne Bapperl und rötlichem Hintergrund), vorerst habe ich nur wenige vorgegeben, es soll auch nur ein Baukasten sein, auf welchem man sich etwas eigenes zusammenschustern kann. Für mich persönlich reicht es so.

Im Großen und Ganzen ist es so angelegt, dass es zusätzlich zu den in fo_userconf angegebenen Farben wirkt, es legt nur einige Farben fest, welche man auch in den Benutzereinstellungen festlegen kann. Natürlich lassen sich all diese Einstellungen auch in das Stylesheet übernehmen, was natürlich viel breitere Einstellungsmöglichkeiten bietet. Ich persönlich komme mit den Farbeinstellungen aus, deshalb habe ich sie nur teilweise übernommen.
Orlandos Stylesheet geht viel weiter: http://www.skop.net/self/selfforum.css, darin findet man Beispiele für angepasste Styles für diverse Klassen, welchen man über fo_userconf nur eine Farbe zuordnen kann.
Übrigens sehr stilvoll, ein Schirmschuss der Postingansicht:

<img src="http://home.t-online.de/home/dj5nu/fanhost/sf-css7.png" border="0" alt="">

Ich bin gespannt auf eure "Themes" oder "Skins". ;) (Ich werde gerne eine Galerie pflegen. :))

Grüße,
Mathias