| ramesh_umk3 |
02-01-2014 11:00 PM |
Spoiler For Hide Links From Guests MOD or BBCode
1 Attachment(s)
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:
https://vborg.vbsupport.ru/showthread.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:
https://vborg.vbsupport.ru/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
===================
You can check your code here
Spoiler design Inspired from: ipmart forum |
More Information