The Arcive of Official vBulletin Modifications Site.

Spoiler BB code [Animation version] · **Released**: 08-20-2008

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 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 :

Code:

<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('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[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 : [spoiler]This text is Animation Spoiler[/spoiler]
6.Description : The [spoiler] tag allows you to hidden or hide your text.
7.Use {option} : NO
8. Button Image (Optional) ==>> upload this

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 for the spoiler with golden border ( if you like )

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

Sayrex · #12 08-22-2008, 11:42 PM

Gut

chetori SHahed

Sayrex · #13 08-22-2008, 11:44 PM

agar betoni :

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

katie hunter · #14 08-22-2008, 11:52 PM

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 · #15 08-23-2008, 06:30 PM

Quote:

Originally Posted by Sayrex

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 ?

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 · #16 08-23-2008, 06:57 PM

Quote:

Originally Posted by 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..

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 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 !!

I reported here but no answer !!
please compare that forum and this picture to the Dark Golzarion style !

.

AuroraStorm · #17 08-25-2008, 01:58 AM

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 · #18 08-26-2008, 10:28 AM

Quote:

Originally Posted by 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...

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 :

HTML Code:

<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('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[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 · #19 09-02-2008, 09:15 AM

Yep...

Golzarion · #20 09-05-2008, 08:34 PM

Quote:

Originally Posted by AuroraStorm

Yep...

I hope you like the mod .

AuroraStorm · #21 09-05-2008, 10:29 PM

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

*clicks uninstalled*

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.11316 seconds Memory Usage 2,354KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)bbcode_code (1)bbcode_html (4)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (1)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
mohammadxxx

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!