Spoiler For Hide Links From Guests MOD or BBCode

Spoiler For Hide Links From Guests MOD or BBCode

Mod Version: 1.00, by ramesh_umk3

vB Version: 4.x.x	Rating: (1 vote - 5.00 average)	Installs: 5
Released: 02 Feb 2014	Last Update: Never	Downloads: 0
Supported Re-usable Code Translations

Hey friends today i share my spoiler which is pretty impressive way to show bulk links in that

Make sure you have installed below mod

Code:

index.php?t=123415&page=25

if above plugin is not working then try corrected plugin from Ozzy for vBulletin 4.2.2 is listed below

Code:

http://www.vbulletin.org/forum/showpost.php?p=2468629&postcount=102

After installing follow below procedure:
AdminCP --> Settings --> Options --> Hide Links From Guests

Change text option
Replace with below code

Code:

<span style="background: #a3c8e0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; behavior: url(http://www.mobilescommunity.com/images/border-radius.htc); display: inline-block">
	<div style="float: right; width: 45px; height: 34px; background: url(http://www.mobilescommunity.com/images/dlink.gif) top right; "></div>
	<div style="width: 120px; height: 34px; background: url(http://www.mobilescommunity.com/images/dlink.gif);"></div>
	<div style="border: 1px solid #F0F; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; margin: 5px 15px 0px 15px; padding: 0px; border: 1px solid #5a7f97; background: #fff;">
		<div style="font: 12px Verdana, Geneva, sans-serif; color: #666; padding: 0px;">
			    <div align="center" class="pre-spoiler">
			    <input value="Show" style="min-width:150px;font-size:14px;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.value = 'Show';}" type="button">
			    </div>
			    <div>
			        <div class="spoiler" style="display: none;">
						<div style="background-color:transparent; margin: 0px; padding: 4px;">
						<p style="margin: 5px; font-family: Arial; font-size: 12px; color: #707070; text-align: center;"><br>
<font color="red"><b>[Only registered and activated users can see links. <a href="register.php" onclick="alert('You made the correct decision :)')"><input value="Click Here To Register..." onclick="javascript:window.location.href='register.php'" type="button"></a>]</b></font></p><p></p></div>
			        </div>
			    </div>
		</div>
	</div>
</span>

You can also Use it for BBCode:

Title: Spoiler

BB Code Tag Name: Spoiler

Replacement:

Code:

<span style="background: #a3c8e0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; behavior: url(http://www.mobilescommunity.com/images/border-radius.htc); display: inline-block">
	<div style="float: right; width: 45px; height: 34px; background: url(http://www.mobilescommunity.com/images/dlink.gif) top right; "></div>
	<div style="width: 120px; height: 34px; background: url(http://www.mobilescommunity.com/images/dlink.gif);"></div>
	<div style="border: 1px solid #F0F; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; margin: 5px 15px 0px 15px; padding: 0px; border: 1px solid #5a7f97; background: #fff;">
		<div style="font: 12px Verdana, Geneva, sans-serif; color: #666; padding: 0px;">
			    <div align="center" class="pre-spoiler">
			    <input value="Show" style="min-width:150px;font-size:14px;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.value = 'Show';}" type="button">
			    </div>
			    <div>
			        <div class="spoiler" style="display: none;">
						<div style="background-color:transparent; margin: 0px; padding: 4px;">
						<p style="margin: 5px; font-family: Arial; font-size: 12px; color: #707070; text-align: center;"><br>
{param}
						</p><p></p></div>
			        </div>
			    </div>
		</div>
	</div>
</span>

Example: [Spoiler]Some Text[/Spoiler]

Description: Allows you to hide text or images.

Image Path: Choose an image and upload it to your server.

Use {option}: No

Remove Tag If Empty: Yes

Disable BB Code Within This BB Code: No

Disable Smilies Within This BB Code: No

Disable Word Wrapping Within This BB Code: No

Disable Automatic Link Parsing Within This BB Code: No

===================

http://www.mobilescommunity.com/webmaster/
Spoiler design Inspired from: ipmart forum

Download

No files for download.

Screenshots

vBulletin LTS