vb.org Archive - BB Code Enhancements - Spoiler BB code [Animation version]

Page 1 of 2

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)

- - BB Code Enhancements - Spoiler BB code [Animation version] (https://vborg.vbsupport.ru/showthread.php?t=188741)

Golzarion

08-20-2008 10:00 PM

Spoiler BB code [Animation version]

1 Attachment(s)

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

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

Golzarion

08-21-2008 05:22 PM

Reserved.

bahman

08-21-2008 05:34 PM

Cool !
Nice Idea!

jim6763nva

08-22-2008 12:11 AM

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

RedeemedWarrior

08-22-2008 04:31 AM

^Hebrew writing?

Arved Yagami

08-22-2008 05:20 AM

I think is persian.

Nice mod.

Golzarion

08-22-2008 05:25 AM

Quote:

Originally Posted by jim6763nva (Post 1604116)

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

08-22-2008 05:30 AM

Quote:

Originally Posted by RedeemedWarrior (Post 1604207)

^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

08-22-2008 05:33 AM

Quote:

Originally Posted by Arved Yagami (Post 1604236)

I think is persian.

Nice mod.

Yes. Thank you .

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

Thanks all. :up:

Shahed

08-22-2008 07:54 AM

nice ! ^.^

Sayrex

08-22-2008 11:42 PM

Gut ;)
chetori SHahed :D

Sayrex

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

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

08-23-2008 06:30 PM

Quote:

Originally Posted by Sayrex (Post 1604841)

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

08-23-2008 06:57 PM

Quote:

Originally Posted by katie hunter (Post 1604844)

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 !! :eek:
I reported here but no answer !!
please compare that forum and this picture to the Dark Golzarion style !

.

AuroraStorm

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

08-26-2008 10:28 AM

Quote:

Originally Posted by AuroraStorm (Post 1606207)

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

09-02-2008 09:15 AM

Yep...

Golzarion

09-05-2008 08:34 PM

Quote:

Originally Posted by AuroraStorm (Post 1612649)

Yep...

I hope you like the mod . :)

AuroraStorm

09-05-2008 10:29 PM

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

*clicks uninstalled*

students_forum

09-25-2008 04:55 PM

it won't work on Firefox 3.

ogameclub

09-27-2008 09:05 PM

No. It's works properly on 3.0.2

Multiple bbcode are like a pyramide :D
demo

Golzarion

10-02-2008 06:01 PM

Quote:

Originally Posted by students_forum (Post 1630193)

it won't work on Firefox 3.

It also works fine on Fire fox 3.0.3 ! :)

Quote:

Originally Posted by ogameclub (Post 1631868)

No. It's works properly on 3.0.2

Multiple bbcode are like a pyramide :D
demo

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

pjaco

10-25-2008 07:25 PM

Nice thanks

Golzarion

11-29-2008 02:50 PM

I'm glad you like it.

Nadeemjp

12-03-2008 02:02 AM

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

Golzarion

12-03-2008 10:52 AM

Quote:

Originally Posted by Nadeemjp (Post 1677473)

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....1&postcount=17

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

this bb code works 100% for all versions .

Golzarion

12-03-2008 10:55 AM

It even works on 3.8 version of vbulletin !! see demo

CGhostGroup

12-19-2008 09:14 AM

Quote:

Originally Posted by ogameclub (Post 1631868)

No. It's works properly on 3.0.2

Multiple bbcode are like a pyramide :D
demo

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

Golzarion

12-25-2008 07:12 PM

Quote:

Originally Posted by CGhostGroup (Post 1688615)

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 " .

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

Quote:

It even works on 3.8 version of vbulletin !! see demo

Spicey LA

01-16-2009 06:51 AM

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=spoiler content]spoiler content[/spoiler] - 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

01-16-2009 05:48 PM

Quote:

Originally Posted by Spicey LA (Post 1714336)

example - [spoiler=spoiler content]spoiler content[/spoiler] - 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)

Quote:

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 .

Quote:

5.Example : [spoiler]This text is Animation Spoiler[/spoiler]

and read this post too : https://vborg.vbsupport.ru/showpost....1&postcount=17

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

sandt38

02-03-2009 02:46 AM

Didn't work :(

Golzarion

02-03-2009 02:16 PM

Quote:

Originally Posted by sandt38 (Post 1732613)

Didn't work :(

Did you add css codes from attached file ?

Please read this post carefully : https://vborg.vbsupport.ru/showpost....1&postcount=17

It works 100% !!

See live demo on my own forum : http://forum.golzarion.com/showpost....49&postcount=6

And here : http://www.ogameclub.com/talisman-on...tml#post124065

putergirl

02-15-2009 08:22 PM

downloaded and waiting install

Golzarion

03-26-2009 07:42 PM

Quote:

Originally Posted by putergirl (Post 1745266)

downloaded and waiting install

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

GeoMapia

06-23-2009 02:20 PM

can you add permission?
such as:

PHP Code:


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

</if>

PHP Code:


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

</if>

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

Drache

09-10-2009 11:40 AM

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

Golzarion

09-11-2009 08:14 AM

Quote:

Originally Posted by Drache (Post 1882500)

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

02-24-2010 01:14 AM

Quote:

Originally Posted by Golzarion (Post 1883014)

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

All times are GMT. The time now is 06:23 PM.

Page 1 of 2

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01639 seconds Memory Usage 1,849KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_html_printable (2)bbcode_php_printable (20)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: