StGaensler
10.11.2004, 20:44
Hallo,
hier die Anleitung für einen Spoiler-Tag, der auch mit mehreren Styles in einem Forum einwandfrei funktioniert.
Anleitung (vB 3.0.3):
Neuen vB Code erstellen:
Titel: Spoiler-Tag
Tag: spoiler
Einzufügender Code:
<div style="margin:20px; margin-top:5px; ">
<div class="smallfont" style="margin-bottom: 2px">Spoiler:</div>
<table border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
<td class="alt2" style="border:1px inset;">
<div class="spoiler">
{param}
</div>
</td>
</tr>
</table>
</div>
</div>
Beispiel + Beschreibung: Lasst euch was einfallen :)
{option} verwenden: Nein
Und dann abspeichern.
Nun zu den Style-Einstellungen gehen und "CSS Einstellungen" auswählen.
Im Feld "Zusätzliche CSS-Definitionen" folgendes hinzufügen:
/* ***** spoiler ***** */
.spoiler {
color: #FARBE1;
background-color: #FARBE1;
}
.spoiler:active {
color: #FARBE2;
}
In diesem Code #FARBE1; durch das ersetzen, was bei "Zweite alternierende Farbe" bei "Hintergrund" steht; #FARBE2; durch das ersetzen, was dort als "Schriftfarbe" steht.
Dann das Speichern nicht vergessen.
Den zweiten Teil (CSS-Code) dann für jeden Style wiederholen.
Und schon passt der Spoiler-Tag zum jeweiligen Style und funktioniert :)
Um den Text erscheinen zu lassen gibt es zwei Varianten: Das einfache markieren, oder man klickt einfach in den Kasten hinein, und hält die Maus gedrückt.
Man kann es auch so realisieren, dass der Text angezeigt wird, sobald sich die Maus innerhalb des Kastens befindet. Dazu muss oben im CSS-Code "active" durch "hover" ersetzt werden.
Viele Grüße,
Stefan
hier die Anleitung für einen Spoiler-Tag, der auch mit mehreren Styles in einem Forum einwandfrei funktioniert.
Anleitung (vB 3.0.3):
Neuen vB Code erstellen:
Titel: Spoiler-Tag
Tag: spoiler
Einzufügender Code:
<div style="margin:20px; margin-top:5px; ">
<div class="smallfont" style="margin-bottom: 2px">Spoiler:</div>
<table border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
<td class="alt2" style="border:1px inset;">
<div class="spoiler">
{param}
</div>
</td>
</tr>
</table>
</div>
</div>
Beispiel + Beschreibung: Lasst euch was einfallen :)
{option} verwenden: Nein
Und dann abspeichern.
Nun zu den Style-Einstellungen gehen und "CSS Einstellungen" auswählen.
Im Feld "Zusätzliche CSS-Definitionen" folgendes hinzufügen:
/* ***** spoiler ***** */
.spoiler {
color: #FARBE1;
background-color: #FARBE1;
}
.spoiler:active {
color: #FARBE2;
}
In diesem Code #FARBE1; durch das ersetzen, was bei "Zweite alternierende Farbe" bei "Hintergrund" steht; #FARBE2; durch das ersetzen, was dort als "Schriftfarbe" steht.
Dann das Speichern nicht vergessen.
Den zweiten Teil (CSS-Code) dann für jeden Style wiederholen.
Und schon passt der Spoiler-Tag zum jeweiligen Style und funktioniert :)
Um den Text erscheinen zu lassen gibt es zwei Varianten: Das einfache markieren, oder man klickt einfach in den Kasten hinein, und hält die Maus gedrückt.
Man kann es auch so realisieren, dass der Text angezeigt wird, sobald sich die Maus innerhalb des Kastens befindet. Dazu muss oben im CSS-Code "active" durch "hover" ersetzt werden.
Viele Grüße,
Stefan