Script-solution.de » Community » Support-Board » Foren » Boardsolution » Boardsolution v1.4x » Mod-Anleitungen » [BBCode] Spoiler-Tag
  • Willkommen, Gast!
  • Samstag, 26. Juli 2014, 17:09:25
 
Thema: [BBCode] Spoiler-Tag [Seite 1 ]

Kein neuer Beitrag Rafioso , 19.11.2009, 03:03
Beitrag #1   

IP: n/a
Rang: * * * * * * *
Registrierung: 30.08.2006, 22:31
Homepage: http://HomepageStarter.de
Wohnort: O-BW
 

Forum-Gott mit 1695 Punkte, 1511 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:
uploads/bbcode_spoiler_tag_141.jpg


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>

Erlaubte Unter-Tag-Typen: 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&szlig;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
   width100px
   font-size9px
   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
Javascript:
1
get_id.innerText = '';
in der functions.js entfernt.
Anhänge:
spoiler1.png 299 Bytes 12 Downloads
 
bbcode_spoiler_141.zip 44.360 Bytes 5 Downloads
 
bbcode_spoiler_tag_141.jpg 97.556 Bytes 28 Downloads

Aktuellste Boardsolution-Version: v1.45
Kommende Boardsolution-Version: TBA
-----------------------------------------------------
Ich erstelle nur noch Modifikationen
für aktuelle Versionen!
-----------------------------------------------------
Dieser Beitrag wurde insgesamt 6 mal editiert. Das letzte Mal 11.05.2011, 20:25 von Rafioso.

n/a n/a 1     (Anzeige: 1 – 1; insgesamt: 1) n/a n/a
User in diesem Thema: 0 Registrierte, 0 Versteckte, 1 Gast, 0 Bots
Keine
Themenaktionen:

Toggle Ähnliche Themen zu „[BBCode] Spoiler-Tag “
  Antworten Aufrufe Themeneröffnung Letzter Beitrag
Keine neuen Beiträge, nicht wichtig Keine neuen Beiträge, „heißes Thema“
Keine neuen Beiträge, offen Keine neuen Beiträge, nicht verschoben
  Alles gute zum Geburtstag   Seiten 1 2 3 4 ] 58 73966 31.01.2008, 00:21
Von: Rafioso
02.02.2014, 19:17
Von: Nils Zum letzten Beitrag
Keine neuen Beiträge, nicht wichtig Keine neuen Beiträge, kein „heißes Thema“
Keine neuen Beiträge, offen Keine neuen Beiträge, nicht verschoben
  Geburtstagsmail 1 1582 04.12.2013, 19:06
Von: Tobi
05.12.2013, 22:29
Von: Rafioso Zum letzten Beitrag
Keine neuen Beiträge, nicht wichtig Keine neuen Beiträge, „heißes Thema“
Keine neuen Beiträge, offen Keine neuen Beiträge, nicht verschoben
  personalisiertes Mail zum Geburtstag   Seiten 1 2 3 ] 32 5018 30.09.2013, 17:32
Von: othiede
15.10.2013, 21:41
Von: Rafioso Zum letzten Beitrag
Keine neuen Beiträge, nicht wichtig Keine neuen Beiträge, kein „heißes Thema“
Keine neuen Beiträge, offen Keine neuen Beiträge, nicht verschoben
  BBCode: C# 0 2226 09.03.2013, 16:07
Von: Mars
09.03.2013, 16:07
Von: Mars Zum letzten Beitrag
Keine neuen Beiträge, nicht wichtig Keine neuen Beiträge, kein „heißes Thema“
Keine neuen Beiträge, offen Keine neuen Beiträge, verschoben
  flow-player mit BBCode Tag einbinden 2 2692 05.12.2011, 22:20
Von: Frost-Fr
06.12.2011, 18:35
Von: Frost-Fr Zum letzten Beitrag
  • 0.09916 Sek., 11 DB-Zugriffe, 6.386 MiB
  • Powered by Boardsolution v1.45
Valid XHTML and CSS © 2003 - 2013 script-solution.de, Powered by Joomla!