|
| IP: |
n/a |
| Rang: |
 |
| Registrierung: |
30.08.2006, 22:31 |
| Homepage: |
http://HomepageStarter.de |
| Wohnort: |
O-BW |
| |
Forum-Gott mit 1589 Punkte, 1415 Beiträge |
|
Hallo,
per Suche habe ich ein, zwei Threads diesbezüglich gefunden, aber entweder war das meiste
rumprobiererei, oder der darin stehende Code ist nicht mehr mit der aktuellen Version von
Boardsolution kompatibel.
#### Was ist ein Spoiler-Tag
Spoiler-Tags sind hilfreich, wenn man etwas schreiben will, was anderen den Spaß verderben könnte.
Nehmen wir an du wartest schon seit Monaten auf ein Spiel, ein anderer hat es aber schon und
schreibt in aller Öffentlichkeit wie/wo/was man tun soll. Das macht doch keinen Spaß. Mithilfe des
Spoiler-Tags kann der User einfach bestimmen was andere auf Anhieb lesen können und was nicht. Ein
Javascript-Button blendet die Nachricht ein oder aus.
Das Bild erklärt es glaube ich am besten:
Kompatibel und getestet mit:
- Boardsolution 1.41
- Boardsolution 1.42
- Boardsolution 1.43
Syntax: [spoiler=Überschrift]Nachricht[/spoiler]
#### Installation
Gehe in den Adminbereich->Allgemeines->BBCode-Tags und klicke oben rechts auf "BBCode-Tag
hinzufügen".
Trage folgende Werte ein:
Zitat: Name: spoiler Typ: Inline Inhalt: text Parameter: Erforderlich Parameter Typ: Text (beliebige Zeichen) Ersetzung (mit Parameter): HTML: 1
| <div class="bs_quote_section"><div class="bs_quote_section_top"><b>Spoiler:</b><i><PARAM></i><input class="bs_bbcode_spoiler" type="button" name="spoiler" value="Spoiler öffnen" onclick="bb_spoiler(this)" /></div><div class="bs_quote_section_main"><div style="display:none"><TEXT></div></div></div> | inline,link,block Verschachtelung erlauben: Ja Leerraum ignorieren: Nein Unbekannte Tags ignorieren: Nein
Möchtest du auch einen Button anzeigen lassen, sowie die Buttons für URL, E-Mail usw., dann füge in
der
themes/<style>/templates/inc_bbcode.htm an der jeweiligen gewünschten Stelle folgendes ein:
HTML: 1
2
3
4
5
6
7
8
9
10
| {set tag='spoiler'}
{if bbcode.is_allowed(tag)}
<img id="tag_{tag}_{number}" class="bs_bbcode"
onmouseover="hoverItem({number},'tag_{tag}_{number}','{glocale.lang('bbcode_help_'~tag)}');"
onmouseout="unhoverItem({number},'tag_{tag}_{number}');"
onclick="insertBBCode({number},'{textarea_id}','[{tag}]','{tag}',this)"
src="{guser.get_theme_item_path('images/bbcode/spoiler.png',bspath)}"
width="20" height="20"
alt=" [{tag}] " />
{endif} |
Lade anschließend das Bild für den Button (siehe Anhang) nach themes/<style>/images/bbcode hoch.
Öffne nun die language/ger_du/index.ini (andere Sprachen bitte selbst übersetzen) und füge unter
Z.883
Code: 1
| bbcode_help_closeall = "Alle offenen BBCode Tags schließen" |
folgendes ein:
Code: 1
| bbcode_help_spoiler = "Spoiler: [spoiler=titel]text[/spoiler]" |
Und in der selben Datei unter Zeile Z.928
Code: 1
| bbcode_prompt_mail = "Bitte gib hier den Titel der Email-Adresse ein, die Du einfügen möchtest" |
folgendes einfügen:
Code: 1
2
| bbcode_prompt_param_spoiler = "Bitte gib hier eine Spoilerüberschrift ein"
bbcode_prompt_spoiler = "Bitte gib hier die zu spoilernde Nachricht ein" |
Damit man den Spoiler auf- und zuklappen kann, muss man jetzt noch in der src/functions.js ganz
unten folgenden JavaScript-Code einfügen:
Javascript: 1
2
3
4
5
6
7
8
9
10
11
12
13
| function bb_spoiler(get_id)
{
if (get_id.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{
get_id.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
get_id.value = 'Spoiler schlie'+unescape("%DF")+'en';
}
else
{
get_id.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
get_id.value = 'Spoiler '+unescape("%F6")+'ffnen';
}
} |
Damit der Spoiler noch etwas aufmerksamer aussieht, musst du folgende CSS-Klasse in die
themes/<style>/basic.css ganz unten einfügen:
CSS: 1
2
3
4
5
6
7
| .bs_bbcode_spoiler {
margin-left:10px;
width: 100px;
font-size: 9px;
color:#ff0000;
font-weight:bold;
} |
##############################################
Das wars auch schon. Jetzt nur noch im Adminbereich den Tag spoiler freigeben.
War doch gar nicht so schwer 
Viel Spaß damit.
//EDIT ### 02.07.2010
Die Variable der Sprachdatei "bbcode_prompt_spoiler_param" in "bbcode_prompt_param_spoiler"
geändert, da sonst keine Überschriftabfrage erschien.
//Edit 2
Kompatibilitätsliste aktualisiert.
//Edit 3
Die Zeilennummern können in Boardsolution 1.43 etwas abweichen.
//Edit 4
Da es Probleme mit Google Chrome gab, wurden die beiden in der functions.js entfernt.
Dieser Beitrag wurde insgesamt 6 mal editiert. Das letzte mal 11.05.2011, 20:25 von Rafioso.
|
|
Thema: "[BBCode] Spoiler-Tag "
[ Seite 1 ]
Rafioso , 19.11.2009, 03:03
1 2 3 4 ]
