SELFHTML

Mein SELF-Stylesheet

Aufwärts

Falls du weißt, wie alles funktioniert, findest du das Stylesheet unter folgendem URI:
http://danielrichter.da.funpic.de/SELF-Stylesheet/Stylesheet.css
Andernfalls kannst du dir die folgende Anleitung durchlesen

Hilfe Hier lernst du, wie man das Stylesheet für das SELFHTML-Forum einrichtet. Vorausgesetzt wird allerdings, dass du dich dort registriert hast und mit einem modernen Browser unterwegs bist. Du benötigst entweder einen Gecko-Browser (Firefox, Mozilla...) oder Opera ab Version 9. Mit Opera 8 funktioniert es jedenfalls noch nicht, da dort keine Einblendeffekte in der Form: #top:hover+#kopf {display:block;} unterstützt werden. Mit dem IE sieht dieses Stylesheet einfach nur grässlich aus und die Einblendeffekte funktionieren dort ebenso nicht. Bei allen anderen Browsern, kommt es auf einen Test an.
Beachten solltest du auch, dass manche Dinge (die ich nicht so wichtig finde) durch das Stylesheet ausgeblendet werden. Wobei die Kopfteile, wie erwähnt, dynamisch eingeblendet werden.

Letzte Änderungen

Die Nested-Ansicht hab ich jetzt ein wenig umstrukturiert. Ich mag es einfach nicht, wenn der Text immer schmaler wird. Deshalb ließ eine Alternative einfallen, bei der die Einrückung entfällt. Dafür wird vor den Überschriften in den Threads die Antwortebene angezeigt (z.B: „## RE-2.Ebene“ etc.).
Falls du damit ein Problem hast, kannst du mir ruhig 'ne Mail schicken. Ich werde meinen Ansatz dann noch mal überdenken. Nur kann ich mir halt einfach nicht vorstellen, dass jemand die Nested-Ansicht so (standardmäßig) mag.

Download oder Direktnutzung?

Als erstes solltest du dir überlegen, von wo aus, du das Stylesheet nutzen willst. Die einfachere Lösung ist die Nutzung von diesem Server. Das hat für dich den Vorteil, dass du immer die aktuellste Version nutzt. Der Nachteil besteht jedoch darin, dass du bei Serverausfällen (bisher noch nicht vorgekommen :-)) nicht darauf zugreifen kannst. Alternativ kannst du aber auch das Stylesheet und alle dazugehörigen Dateien (3 Bilder) auf deinen Server laden und von da aus nutzen. In dieser Installationsanleitung erkläre ich dir, wie du das Stylesheet von diesem Server aus nutzen kannst.

Stylesheet-Paket herunterladen (9,07kB)

Installation

Öffne als erstes deine Benutzer-Einstellungen...

Pfeil auf Link zu den Benutzeinstellungen

... und klicke hier auf „Experten-Optionen“

Pfeil auf die Experten-Optionen

Dadurch springst du an diese Stelle, wo du auch ein Feld mit der Überschrift „Eigenes Stylesheet“ siehst.

Experten-Optionen mit Pfeil auf „Eigenes Stylesheet“

Trage hier folgenden Link ein: http://danielrichter.da.funpic.de/SELF-Stylesheet/Stylesheet.css. Daraufhin erscheint unter diesem Feld eine Box, womit man das normale Stylesheet ergänzen kann. Stelle sicher, dass dort kein Häkchen gesetzt ist! Außerdem solltest du unbedingt auf XHTML 1.0 umstellen.
Scrolle jetzt ein Stück nach unten, bis du diesen Ausschnitt siehst und klicke hier auf „Einstellungen speichern“.

Speichern-Button im unteren Teil der Seite

Daraufhin wirst du wieder an den Anfang der Konfigurationsdatei verwiesen. Scrolle ein kleines Stück nach unten, und klicke dort auf diesen Link:

Link, der zurück zum Forum führt

Wenn du alles richtig gemacht hast, sieht das Forum jetzt so (ohne Pfeil) aus:

Vorschau des Forums mit meiner CSS-Datei

Wie du siehst, wird der Kopf der Hauptdatei per display:none ausgeblendet. In modernen Browsern, wird dieser jedoch durch #top:hover+#kopf {display:block} wieder eingeblendet. Führe den Mauszeiger einfach auf den Button, auf den der Pfeil im Bild zeigt, um die Kopftabelle anzuzeigen.
Sollte das nicht funktionieren, hättest du jetzt ein Problem, da der Link zur Konfigurationsseite nicht mehr erreichbar ist.
In diesem Fall kommst du mit folgendem Link direkt auf die Konfigurationsseite, wo du den Link zum Stylesheet wieder löschen kannst:

Link zur SELFHTML-Konfiguration

Tipp

Firefox Opera Mit Firefox sowie mit dem Opera hast du die Möglichkeit, schnell zwischen verschiedenen Stylesheets zu wechseln. Diese Option befindet sich in der Menü-Leiste unter Ansicht > Webseiten-Stil (Firefox) oder Ansicht > Seitendarstellung (Opera). Normalerweise steht dort aber nur „SELFHTML Forum Stylesheet“ und „kein Stil“. Um dort einen weiteren Eintrag anzulegen, mit dem du z.B. schnell auf das normale Forumsstylesheet zugreifen kannst, musst du folgende Zeilen in das Textfeld für eingebettete Stile einfügen:

</style>
<link rel="stylesheet" type="text/css" href="http://src.selfhtml.org/forum_strict3.css" title="SELFHTML Forum Stylesheet - normal"> <style type="text/css">

Durch das </style> wird der Stylesheet-Bereich vorerst geschlossen. Somit hast du die Möglichkeit HTML-Code in den Kopf einzufügen. Das <link>-Element fügt jetzt einfach das normale Stylesheet des Forums ein und wird „SELFHTML Forum Stylesheet - normal“ genannt. Danach wird wieder ein Stylesheet-Bereich geöffnet, da hinter allem ein schließendes </style>-Element steht. Willst du jetzt inline-Stile verwenden, musst du diese vor oder nach obigem Inhalt ein.