Spoiler BBCode

A selection of BBCodes for use on your phpBB3 Forums.
User avatar
cisco007
Staff
Staff
Posts: 501
Joined: Tue Oct 07, 2008 3:44 am

Re: Spoiler BBCode

Post by cisco007 »

ok, this i how i did it

bbcode usage:

Code: Select all

[spoilers]{TEXT1},{TEXT2}[/spoilers]
html:

Code: Select all

<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT1}<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT2}</div></div></div></div></div></div>
helpline:

Code: Select all

[spoilers]dvdrip version,dvd5 version[/spoilers]
and look a the image to see how to use it and what it looks like, you cannot use too many spoilers inside each other!
theendfear
Forum Member
Forum Member
Posts: 10
Joined: Tue Oct 26, 2010 11:49 pm

Re: Spoiler BBCode

Post by theendfear »

ti ringrazio tantissimo per l'interesse.. però cosi non va bene,perchè gli
spoiler dovrebbero essere tre e non due..
like this...
Image
or
Image

to do this i had to make 3 spoiler bbcode: spoiler,spoiler2,spoiler3
Spoiler: show

Code: Select all

[spoiler]Versione DVDRip
[spoiler1][code]http://www.megaupload.com/?d=NZI2U4RI
[/spoiler1]
Versione DVD-9[spoiler2]

Code: Select all

http://hotfile.com/dl/37932502/e325b2d/Th.Pshr.2004.D9.part01.rar.html
http://hotfile.com/dl/37932684/df38bd3/Th.Pshr.2004.D9.part02.rar.html
http://hotfile.com/dl/37932823/fdbe2ca/Th.Pshr.2004.D9.part03.rar.html
http://hotfile.com/dl/37932967/e5ca0bf/Th.Pshr.2004.D9.part04.rar.html
http://hotfile.com/dl/37930686/9045ebe/Th.Pshr.2004.D9.part05.rar.html
http://hotfile.com/dl/37931078/d2aa49a/Th.Pshr.2004.D9.part06.rar.html
http://hotfile.com/dl/37931164/4d6ce92/Th.Pshr.2004.D9.part07.rar.html
http://hotfile.com/dl/37960930/bad31ba/Th.Pshr.2004.D9.part08.rar.html
http://hotfile.com/dl/37931025/894fff6/Th.Pshr.2004.D9.part09.rar.html
http://hotfile.com/dl/37931355/44715ee/Th.Pshr.2004.D9.part10.rar.html
http://hotfile.com/dl/37955876/29978ea/Th.Pshr.2004.D9.part11.rar.html
http://hotfile.com/dl/37939778/e2db1c1/Th.Pshr.2004.D9.part12.rar.html
[/spoiler2]
[/code][/spoiler]

would be much more convenient if a single bbcode could do everything.
The spoiler tag is interpreted as a normal word, and not as a bbcode when it is inside another spoiler, you can not prevent this?
User avatar
cisco007
Staff
Staff
Posts: 501
Joined: Tue Oct 07, 2008 3:44 am

Re: Spoiler BBCode

Post by cisco007 »

well yeah, i missed one spoiler, but all you had to do was add another

Code: Select all

<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT4}</div></div></div>
to the code I gave you, but I am glad you got it working, glad i could inspire you! :lol:
theendfear
Forum Member
Forum Member
Posts: 10
Joined: Tue Oct 26, 2010 11:49 pm

Re: Spoiler BBCode

Post by theendfear »

thanks!
however, I found the solution ... there is a mod that allows you to nest one inside another bbcode, here it is ...
User avatar
cisco007
Staff
Staff
Posts: 501
Joined: Tue Oct 07, 2008 3:44 am

Re: Spoiler BBCode

Post by cisco007 »

i already know about that mod, but thanks anyways!
ficolas
Forum Member
Forum Member
Posts: 1
Joined: Sun Apr 22, 2012 1:11 pm

Re: Spoiler BBCode

Post by ficolas »

I have a better spoiler, becouse it allows you to put a custom text on "Spoiler"
BBCode:

Code: Select all

[spoiler={SIMPLETEXT}]{TEXT}[/spoiler]
HTML Code:

Code: Select all

<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>{SIMPLETEXT}: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>{SIMPLETEXT}: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>{SIMPLETEXT}: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>
NOTE: I just edited the code, not by me.
User avatar
cisco007
Staff
Staff
Posts: 501
Joined: Tue Oct 07, 2008 3:44 am

Re: Spoiler BBCode

Post by cisco007 »

thanks seems like one i have on my other support forum!
Post Reply