Spoiler BB code [Animation version]

[Golzarion]

I was always looking for something interesting or funny about spoiler tag !
One day I found a fantastic animation gif File for this BBcode !
And create my own codes and the idea of Animation Spoiler tag came true !

As I see this (https://vborg.vbsupport.ru/showthread.php?t=184855&highlight=spoiler) Re_usable code ... I think I can share it easily ! Although I creat and used different code and pictures !

can see demos :


Demo 1 : http://forum.golzarion.com/showthread.php?t=183

*************
Install :

1. In admin control panel : Custom BB Codes => Add New BB Code
2.Title : Spoiler
3.BB Code Tag Name : spoiler
4.Replacement :
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px; width:852; height:26"><right><font color="red"><b>&nbsp;</b></font></right>
<span lang="fa">
<img border="0" src="http://forum.golzarion.com/u%20Pictures/spoiler2.gif" width="21" height="20">
<b>Spoiler</b>: {option}&nbsp;</span><input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{param}
</div>
</div>
</div>5.Example : This text is Animation Spoiler
6.Description : The [spoiler] tag allows you to hidden or hide your text.
7.Use {option} : NO
8. Button Image (Optional) ==>> upload thishttps://vborg.vbsupport.ru/external/2008/08/4.gif picture on you sever and enter the exact address of it .
9. Remove Tag If Empty : Yes
10. Disable BB Code Within This BB Code : No
11.Disable Smilies Within This BB Code : No
12.Disable Word Wrapping Within This BB Code : No
***

I recommend that download the attached file . and read the full instruction and upload the Pictures ( gif files ) on your server!

** Please not to forget to click INSTALL . Thanks. **

http://forum.golzarion.com
.
************
see also this post (https://vborg.vbsupport.ru/showpost.php?p=1607271&postcount=17) for the spoiler with golden border ( if you like )

* update : missed </div> was added and it works properly on all browsers version.

[Golzarion]

Reserved.

[bahman]

Cool !
Nice Idea!

[jim6763nva]

Dude! Why is your site backwards?? :eek:

[RedeemedWarrior]

^Hebrew writing?

[Arved Yagami]

I think is persian.

Nice mod.

[Golzarion]

Dude! Why is your site backwards?? :eek:

My forum is in Persian language... It is Right_to_left language ! because of this I used second attached file ( Spoiler_ persian language.zip ) .:)

But you can use the first Attached file ( SPOILER.zip) ... this file creates for English language forums. (all Left_to_right languages can use it ) .

[Golzarion]

^Hebrew writing?

Unfortunately I don't know Hebrew Language. But any body could translate it then I will add the translation on the mode's files. :up:

[Golzarion]

I think is persian.

Nice mod.

Yes. Thank you .

Please click Installed if you like the modification or installed it.

Thanks all. :up:

[Shahed]

nice ! ^.^

[Sayrex]

Gut ;)
chetori SHahed :D

[Sayrex]

agar betoni :

kari koni ke faghat ye goroh dastresi dashte bashan khobe ! maslan faghat modir ha ya ... !

[katie hunter]

It would be nice if you give credit to where you found that spoiler gif pic..
But it is a nice idea though =]

I see you also have Anime medals :l nothing can be hidden these days at all..

[Golzarion]

agar betoni :

kari koni ke faghat ye goroh dastresi dashte bashan khobe ! maslan faghat modir ha ya ... !

It seems you are Shahed's friend ..... that's very good ! But Why didn't you clik installed ? :D

Spoiler tag is somthing regular ( ordinary ) and somehow a tools for users . I don't believe to restrict it to only moderators usergroup... ;)
but thanks for the suggestion.

[Golzarion]

It would be nice if you give credit to where you found that spoiler gif pic..
But it is a nice idea though =]

I see you also have Anime medals :l nothing can be hidden these days at all..

I guess it is missunderstood ! I am NOT animparadise Adminstrator at all !!
Although he was one of my best friends ... so I don't know anything about that forums and other plugins such as medals !!
I got the idea of that "gif pictures " there .. and pm him about metion their forums link as demo. He pm me that he found that gif picture somewhere else !
Anyway I remove the link of second demo ....
I myself wrote the codes ! and I believe there is no credit about that gif picture at all !! unless you could prove with exact documentation !

You are worry about one gif picture !?! yesterday I see this forum (http://www.bbg-host.biz/) that used my designsd style and all pictures & css and codes and all things ! but they removed the credit of autor from footer ! and added their own name as the designer !! :eek:
I reported here but no answer !!
please compare that (http://www.bbg-host.biz/)forum and this picture (http://amoon.persiangig.com/audio/dark%20fake.gif)to the Dark Golzarion style (https://vborg.vbsupport.ru/showthread.php?t=186943) !

.

[AuroraStorm]

It didn't work. If I was doing a thread preview it worked but when the thread was posted, the "show" wouldn't work...

[Golzarion]

It didn't work. If I was doing a thread preview it worked but when the thread was posted, the "show" wouldn't work...

Did you add css codes from attached file ?

And please check again if you added the code correctly and completely.

May be some characters was missed! check it with the codes below :
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px; width:852; height:26"><right><font color="red"><b>&nbsp;</b></font></right>
<span lang="fa">
<img border="0" src="http://forum.golzarion.com/u%20Pictures/spoiler2.gif" width="21" height="20">
<b>Spoiler </b>{option} :&nbsp;</span><input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{param}
</div>
</div>
</div>if you use above code the border of spoiler view will be golden color ;)

[AuroraStorm]

Yep...

[Golzarion]

Yep...
I hope you like the mod . :)

[AuroraStorm]

Nevermind...I found one that works. Thanks anyway!

*clicks uninstalled*

[students_forum]

it won't work on Firefox 3.

[ogameclub]

No. It's works properly on 3.0.2

Multiple bbcode are like a pyramide :D
demo (http://www.ogameclub.com/talisman-online/29826-soru-cevap.html#post124065)

[Golzarion]

it won't work on Firefox 3.

It also works fine on Fire fox 3.0.3 ! :)

No. It's works properly on 3.0.2

Multiple bbcode are like a pyramide :D
demo (http://www.ogameclub.com/talisman-online/29826-soru-cevap.html#post124065)

Thanks to click installed. :)
And you have a nice forum.

[pjaco]

Nice thanks

[Golzarion]

I'm glad you like it.

[Nadeemjp]

i am using 3.7.4 pl1, nothing is happening even though i did everything:(

[Golzarion]

i am using 3.7.4 pl1, nothing is happening even though i did everything:(
This bb code works fine on all versions of vbulletin !!

I personally used it on my 3.7.4 pl 1 forum! and you can see the demo !

read this post carefully : https://vborg.vbsupport.ru/showpost.php?p=1607271&postcount=17

and be sure that you add css codes from attached file ?

this bb code works 100% for all versions .

[Golzarion]

It even works on 3.8 version of vbulletin !! see demo (http://www.ogameclub.com/talisman-online/29826-soru-cevap.html#post124065)

[CGhostGroup]

No. It's works properly on 3.0.2

Multiple bbcode are like a pyramide :D
demo (http://www.ogameclub.com/talisman-online/29826-soru-cevap.html#post124065)

It's because there is a missing </div> - Tag at the end of the HTML-Code.

[Golzarion]

It's because there is a missing </div> - Tag at the end of the HTML-Code.
Thank you very much . :up:

I added the missed " </div> " . :)

The codes was updated.
and I send the update information to all who clicked " Installed (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=188741) " .

And now the spoiler bb code works better on different web browsers !


It even works on 3.8 version of vbulletin !! see demo (http://www.ogameclub.com/talisman-online/29826-soru-cevap.html#post124065)

[Spicey LA]

can someone please post the correct replacement code as I just added this and am haivn the same problems and what I notice the spoiler content is within the brackets instead of outside of the brackets as it is suppose to be and if you want it to show up you gotta rewrite what you said in the brackets outside of the brackets

example - spoiler content - that is how it works

but when i added mines it comes out like this: [ spoiler=spoiler content ][ /spoiler ] (minus the spaces in between the brackets and the wording)

can someone plz help me out here by posting the correct replacement code here? please as it would help alot to those who are not techies like the rest of you who know what you are doing...THANK YOU!

[Golzarion]

example - spoiler content - that is how it works

but when i added mines it comes out like this: [ spoiler=spoiler content ][ /spoiler ] (minus the spaces in between the brackets and the wording)


can someone plz help me out here by posting the correct replacement code here?

Are you kidding ?

The replacement codes are correct !
I installed on my own forum as you can see demo...
Please read the install tips more carefully .
5.Example : This text is Animation Spoiler
and read this post too : https://vborg.vbsupport.ru/showpost.php?p=1607271&postcount=17

The codes are 100% correct ! and had been tested on many live boards ...

[sandt38]

Didn't work :(

[Golzarion]

Didn't work :(
Did you add css codes from attached file ?


Please read this post carefully : https://vborg.vbsupport.ru/showpost.php?p=1607271&postcount=17

It works 100% !!

See live demo on my own forum : http://forum.golzarion.com/showpost.php?p=249&postcount=6

And here : http://www.ogameclub.com/talisman-online/29826-soru-cevap.html#post124065

[putergirl]

downloaded and waiting install

[Golzarion]

downloaded and waiting install

Install it and let the users enjoy of spoiling ! :D

[GeoMapia]

can you add permission?
such as:

<if condition="$bbuserinfo['usergroupid'] == 6">
</if>

or

<if condition="$show['member']">
</if>

to see show/hide buttons only for register users or selective usergroups?

[Drache]

If I tick use option yes then it won't work. but if i don't tick it then it works. how come?

[Golzarion]

If I tick use option yes then it won't work. but if i don't tick it then it works. how come?
I personally set the option " Yes" and it works perfect on my own forum !
It should be the same on your forums ,too. And it should work .

[cloferba]

I personally set the option " Yes" and it works perfect on my own forum !
It should be the same on your forums ,too. And it should work .

i want to say that i have same problem

when i set that option to no..button works..

[SEW810]

Got my own images.
But thanx dude. INSTALLED ;)

[gorman]

Installed on vB 4.0.2, had to remove the "Use option" and set it to no. Consequently I had to remove the option entry in the code. Works fine. Thanks for sharing.

[Golzarion]

Installed on vB 4.0.2Yes ! It also works fine on 4.0.3 ! I may ask to move the thread to vB4 section..

[Golzarion]

Thanks Paul M (https://vborg.vbsupport.ru/member.php?u=63698) to move the thread on vB4 adds on . :up:

[18lama]

For some reason my spoiler tag works only if I do this:

text here!

How can I make it work without the title. ie just tags. text here

EDIT: i figured it out!! :D

just by not using {option} works perfectly with normal tags. :up:

[Taurus1]

It does not work for me on 4.0.7
I added the additional css also. Everything is there, but nothing happens when I click on the "Show" button.

[Golzarion]

but nothing happens when I click on the "Show" button.Please be sure to clear your web browser cache and cookies too.and try it again.

[Ahmad110]

Thanks man . I installed this hack on my live 4.0.7 board and great work

but how can i add icon this bbcode for quick replay

[soul__stealer]

Same thing as everyone else... Bug with the {option} part.

Setting it to no made it work perfectly (thank you!)
Although I did have to remove the {option} code from the BBCode as well, or it would show up as "Spoiler {Option} [SHOW]"

[Eduardo Leon]

hey your demo dont work :S

please, fix it !

[Golzarion]

hey your demo dont work :S

please, fix it !

It works !! Please visit the link : Demo : http://forum.golzarion.com/showthread.php?t=183

You can also see these screenshots :
https://vborg.vbsupport.ru/external/2010/10/4.gif
122997122998

[barakuda]

installed + 5 star thanks

[FReeSTER]

Working great here 4.0.8 pl2 and with out adding the CSS code in the CCS Templates=> additional.css since it dont make any difference and not even change the color. :D

Any ideas where exactly the code will go?

.pre-spoiler {
border: 1px solid #B5C0A8;
margin: 0 15px 5px 15px;
background: #E3E9DB;
padding: 3px 5px 3px 5px;
font-weight: bold;
text-align: right;
color: #6A775B;
}
.spoiler {
background: #E3E9DB;
margin: 0 15px 15px 15px;
padding: 5px;
border: 1px solid #B5C0A8;
}

is that code actually goes in the additional.css ?

[Deirdre]

Works on 4.1.1

I'd update your description though on making it work for 4.1.1 with what Gorman said.

[Golzarion]

Works on 4.1.1

I'd update your description though on making it work for 4.1.1 with what Gorman said.
Set the {option} to "NO" :
7.Use {option} : NO
It works perfect on all 4.x.x versions ,too.

[Sworm]

In my 3.8.7 is showed a 1 "{option}" more

How fix?
128706

Edit:
Removing the {option} for the replacements code, it works.... i like this BBcode, thank you. But removing that part will be some problem in the forum?

Thanks

[Afsoul]

Nice one. This work on vB 4.x.x too.
Thx for the Spoiler BB Code. I think I will use it with some modification and translate it to my country language :D

INSTALLED :)

[Crotan]

took out <img border="0" src="http://www.golzarion.com/forum/u%20Pictures/spoiler2.gif" width="21" height="20">

Other than that looks great and works! Thanks

[Sworm]

This bbcode have some little problem with chrome.... when with chrome is clicked "show" , after the "hide" button is not showed, it remain "show"..... With IE and FF works great

[Sage Knight]

How can we keep the "Option" invisible if someone only uses the standard tags [spoiler] and not [spoiler=Example]

[Golzarion]

How can we keep the "Option" invisible if someone only uses the standard tags [spoiler] and not [spoiler=Example]
Remove :
{option}
from 4.Replacement code
and
7.Use {option} : NO
^__^

[midnightfox]

Worked. I needed a spoiler button. Thanks. Nominated this for MOTM.

[Oren Rozenbaum]

i don't understand you.

you wrote:

. In admin cp : Styles & Templates => Style Manager => All Style option
at the bottom of the page : " Additional CSS Definitions "
Second window ( bottom) add this code :
*******************************
.pre-spoiler {
border: 1px solid #B5C0A8;
margin: 0 15px 5px 15px;
background: #E3E9DB;
padding: 3px 5px 3px 5px;
font-weight: bold;
text-align: right;
color: #6A775B;
}
.spoiler {
background: #E3E9DB;
margin: 0 15px 15px 15px;
padding: 5px;
border: 1px solid #B5C0A8;
}

now, i am not find this.
are you can to help me?

by the way, nice mode.
very active ;)

[duditas]

Be carefull with this:
<img border="0" src="http://forum.golzarion.com/u%20Pictures/spoiler2.gif" width="21" height="20">


Everybody is using your bandwidthd.



I do not understand either

13. In admin cp : Styles & Templates => Style Manager => All Style option
at the bottom of the page : " Additional CSS Definitions "
Second window ( bottom) add this code :


Where have I to paste the code? Is it necessary? It seems to work fine without it

Thanks in advance

[Gun Geek]

Be carefull with this:
<img border="0" src="http://forum.golzarion.com/u%20Pictures/spoiler2.gif" width="21" height="20">
Everybody is using your bandwidthd.



I do not understand either

13. In admin cp : Styles & Templates => Style Manager => All Style option
at the bottom of the page : " Additional CSS Definitions "
Second window ( bottom) add this code :
Where have I to paste the code? Is it necessary? It seems to work fine without it

Thanks in advance

i don't understand you.

you wrote:



now, i am not find this.
are you can to help me?

by the way, nice mode.
very active ;)

I dont know which version the instructions were written for but there is no area like this.

Go to Admin Control Panel ---> Style Manager --> Edit Templates

Once you click on that, in the left box double click on "CSS Templates" you will see a css file named "additional.css" click on that, the file was empty when i did it. Paste in your code and save.

[ricardoNJ]

vb 3.8.4 Installed, thanks!

[Golzarion]

Where have I to paste the code? Is it necessary? It seems to work fine without it
That instruction was for 3.7.x and 3.8.x versions ....
for vb 4.x version just follow the instruction on the first post (https://vborg.vbsupport.ru/showthread.php?t=188741) .
vb 3.8.4 Installed, thanks!
Yes , it works perfect on vb3 and also vb 4.x versions .

/
You are welcome ^_^

[midnightfox]

This modification stopped displaying any content posted in it. What's up with it? Please help.

[Golzarion]

This modification stopped displaying any content posted in it. What's up with it? Please help.
It works perfect ! see demo please : http://forum.golzarion.com/showthread.php?t=183
Maybe your browser cache causes the problem .. Please delete all the cache and cookies of your web browser and then try it again ...
If not , please visit this link : https://vborg.vbsupport.ru/showpost.php?p=2269215&postcount=61