A selection of BBCodes for use on your phpBB3 Forums.
cisco007
Staff
Posts: 501 Joined: Tue Oct 07, 2008 3:44 am
Post
by cisco007 » Sun Oct 31, 2010 4:08 pm
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
Posts: 10 Joined: Tue Oct 26, 2010 11:49 pm
Post
by theendfear » Mon Nov 01, 2010 2:43 am
ti ringrazio tantissimo per l'interesse.. però cosi non va bene,perchè gli
spoiler dovrebbero essere tre e non due..
like this...
or
to do this i had to make 3 spoiler bbcode: spoiler,spoiler2,spoiler3
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?
cisco007
Staff
Posts: 501 Joined: Tue Oct 07, 2008 3:44 am
Post
by cisco007 » Mon Nov 01, 2010 4:05 pm
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!
theendfear
Forum Member
Posts: 10 Joined: Tue Oct 26, 2010 11:49 pm
Post
by theendfear » Tue Nov 02, 2010 2:38 am
thanks!
however, I found the solution ... there is a mod that allows you to nest one inside another bbcode, here it is ...
cisco007
Staff
Posts: 501 Joined: Tue Oct 07, 2008 3:44 am
Post
by cisco007 » Tue Nov 02, 2010 3:57 am
i already know about that mod, but thanks anyways!
ficolas
Forum Member
Posts: 1 Joined: Sun Apr 22, 2012 1:11 pm
Post
by ficolas » Sun Apr 22, 2012 1:15 pm
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.
cisco007
Staff
Posts: 501 Joined: Tue Oct 07, 2008 3:44 am
Post
by cisco007 » Sun Apr 22, 2012 9:07 pm
thanks seems like one i have on my other support forum!