Hide Inferno Shoutbox When Nobody Uses It.
Mod Version: 1.00, by RazerZoneX
This modification is in the archives.
| vB Version: 3.7.x | Rating:  (2 votes - 5.00 average) |
Installs: 8 |
| Released: 03 Oct 2008 | Last Update: Never | Downloads: 1 |
 Not Supported
 Template Edits
Re-usable Code
Translations
|
||
This code will hide inferno shoutbox pro/basic when nobody is using the shoutbox. If you wanna use the ShoutBox, you have to click Show to see it and press Hide to hide it. The code would've never happen if nobody made the spoiler code.
Following People That Helped Me With This Code Are:
**Gadget** (My Bro)
**lilmetal**
**Duce** (My Bro Also The Best Designer In The World)
^^ They are not members on this site ^^
Without them I could've never done it. Please see the screenies to see how the code works
Screen:
Description For Picture 1: This is how it looks like when nobody interacts with the ShoutBox. Even if you log in it stays like that. If you wanna see the shoutbox and would like to talk in it. You Press the See Button. Look at Picture 1 & 2
1:
Description For Picture 2:Well, When I click on to See the ShoutBox. The ShoutBox Appears. And You chat on it. So this way it wont slow the server down
.
2:
Tutorial On How To Do This: Well First Login To Admin CP by going to the Admin CP. Than from the Admin CP Go To Styles & Templates on the left.
When you Click on Styles & Templates, the button will scroll down and click on Style Manager. After you click on Style Manager Go to Our Style and Click On The Left Scroll Down and Click Edit Templates. After this will pop up:
When it does scroll all the way down to Forum Home Templates and on the right hand corner click Expand/Collapse. When you do that it will Expand and You will see FORUMHOME. Click on Edit, if edit isn't click able. Click Customize. When you do that this will come up:
After it does put this code under $navbar by removing the old
<!--{%SHOUTBOX%}--> code and replacing with that:
And press save your done.
NOTE: If you have the <!--{%SHOUTBOX%}--> located in other place remove it and replace it with:
Please click Mark As Installed If You Used This! Took me a long time to work on this.
Thanks
-RazerZoneX
Following People That Helped Me With This Code Are:
**Gadget** (My Bro)
**lilmetal**
**Duce** (My Bro Also The Best Designer In The World)
^^ They are not members on this site ^^
Without them I could've never done it. Please see the screenies to see how the code works
Screen:
Description For Picture 1: This is how it looks like when nobody interacts with the ShoutBox. Even if you log in it stays like that. If you wanna see the shoutbox and would like to talk in it. You Press the See Button. Look at Picture 1 & 2
1:
Description For Picture 2:Well, When I click on to See the ShoutBox. The ShoutBox Appears. And You chat on it. So this way it wont slow the server down
.2:
Tutorial On How To Do This: Well First Login To Admin CP by going to the Admin CP. Than from the Admin CP Go To Styles & Templates on the left.
When you Click on Styles & Templates, the button will scroll down and click on Style Manager. After you click on Style Manager Go to Our Style and Click On The Left Scroll Down and Click Edit Templates. After this will pop up:
When it does scroll all the way down to Forum Home Templates and on the right hand corner click Expand/Collapse. When you do that it will Expand and You will see FORUMHOME. Click on Edit, if edit isn't click able. Click Customize. When you do that this will come up:
After it does put this code under $navbar by removing the old
<!--{%SHOUTBOX%}--> code and replacing with that:
Code:
<div>
<div class="pre-spoiler" align="center">
<span style="float:center; padding-top: 2px;">Shoutbox: </span> <input type="button" value="See" style="width:80px;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.value = 'See';}">
</div>
<div>
<div class="spoiler" style="display: none;">
<!--{%SHOUTBOX%}-->
</div>
</div>
</div><BR>
NOTE: If you have the <!--{%SHOUTBOX%}--> located in other place remove it and replace it with:
Code:
<div>
<div class="pre-spoiler" align="center">
<span style="float:center; padding-top: 2px;">Shoutbox: </span> <input type="button" value="See" style="width:80px;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.value = 'See';}">
</div>
<div>
<div class="spoiler" style="display: none;">
<!--{%SHOUTBOX%}-->
</div>
</div>
</div><BR>
Thanks
-RazerZoneX
Download
No files for download.