Mein SelfHTML-Zeug

Das SelfHTML-Forum bietet registrierten Benutzern die Möglichkeit, mit einem eigenen Stylesheet und Javascript-Erweiterungen nach persönlichen Vorlieben umgestaltet werden zu können. Dazu können in den Benutzereinstellungen unter „Experten-Optionen“ ein eigenes Stylesheet und/oder ein eigenes Javascript eingebunden werden.

Hier stelle ich meine Version vor, die das Foren-Stylesheet komplett ersetzt, daher sollte die Option „Ergänzt das Standard-Stylesheet“ in den Benutzereinstellungen deaktiviert sein.

Da die Darstellung von diversen anderen benutzerdefinierten Einstellungen abhängt, können Unterschiede zu den hier verwendeten Bildern auftreten.

Vorschaubilder

Vorschaubilder anklicken um die Bilder (Breite: 1152px) anzuzeigen, zu dieser Seite über die Zurück-Schaltfläche des Browsers

• Kopfbereich
• Forum-Übersicht
• Beitrag lesen
• Forum-Übersicht (gelesen)
• Kopfbereich Kompakt

Die im Bild „Beitrag lesen“ für den Nachrichtentext verwendete Schriftart heißt „DejaVu Sans Mono“

Hinweise

In meinem Stylesheet benutze ich CSS-Selektoren und Pseudoklassen, die vom Internet-Explorer bis einschließlich IE7 und einigen anderen älteren Browsern nicht oder nur teilweise interpretiert werden können. Daher kann das Styleheet nur mit Browsern genutzt werden, die CSS2.1 größtenteils und CSS3 teilweise umsetzen können, z.B. Opera, Safari oder Firefox (eventuell mit leichten Einschränkungen bei Version 2) in aktuelleren Versionen.

Im Kopfbereich des Kompakt-CSS werden viele Elemente ausgeblendet, die für mich persönlich nicht interessant oder wichtig sind. Dieser Bereich im CSS sollte nach eigenen Vorlieben angepasst werden.

Dateien

Folgende Dateien stehen zur Verfügung:

CSS-Datei

Download Anschauen

alternative CSS-Datei (Kompakt, blendet diverse Elemente im Kopfbereich aus)

Download Anschauen

Liniengrafik für Bezugsverkettung

Download Anschauen

Schriftart-Familie DejaVu

Zur Projektsite

Die CSS-Datei self.css und das Bild line.png müssen im gleichen Verzeichnis abgelegt oder der Bildpfad im CSS angepasst werden.
Die Dateien sind auf eigenen Webspace zu laden und nicht direkt auf diese Site zu verlinken.

Einbinden (registrierte Nutzer)

1. Benutzereinstellungen aufrufen
2. Im Feld „Eigenes Stylesheet“ den kompletten URI zu der neuen CSS-Ressource eingeben
   z.B. http://example.org/forum/self.css
3. Den eventuell gesetzen Haken der Checkbox „Ergänzt das Standard-Stylesheet“ entfernen.
4. Zum Seitenende scrollen und die neuen Werte mit dem Button „Einstellungen Speichern“ sichern.
5. Forum-Hauptdatei neu laden

Internet-Explorer bis einschließlich IE6 hat einen Bug bezüglich der Anwendung von Input-Elementen innerhalb eines Label-Elements. Dieser Fehler tritt genau dann auf, wenn das Label-Element nicht mit dem for-Attribut versehen ist, also z.B.

In diesem Fall ist die Aktivierung des Input-Elements bei Klicken auf den Labeltext (hier: „Ein Text“) nicht möglich. Dieser Bug kann umgangen werden, indem man ein for-Attribut für das Label-Element und eine Id für das Input-Element vergibt:

Dieses Verhalten kann hier überprüft werden: (label-Elemente sind grau hinterlegt)