Chat Modifications - Hide Inferno Shoutbox When Nobody Uses It.

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:

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

And press save your done.

NOTE: If you have the <!--{%SHOUTBOX%}--> located in other place remove it and replace it with:

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

Please click Mark As Installed If You Used This! Took me a long time to work on this.

Thanks

-RazerZoneX

[Gadget1]

Thanks for sharing it here, I hope the users find it as useful as I have!.. Nice to you can change the "see" & "hide" text to what ever you want & increase or decrease the button size... On one of my templates I use the code to also his my SOTW header display so this is really universal & helpful! THUMBS UP!

[saviola8x]

Thanks su much !
ins

[FreshFroot]

nice idea mate. Great job to all

[Shazz]

Whats wrong with just click the arrow in the right hand corner?
Its sad to say no one can get the pro inferno shoutbox anymore every since there site went down. Seems the mod will be unsupported.

[RazerZoneX]

Originally Posted by Shazz

Whats wrong with just click the arrow in the right hand corner?
Its sad to say no one can get the pro inferno shoutbox anymore every since there site went down. Seems the mod will be unsupported.

Well hardly nobody uses that.

[silver surfer]

Great Work !

Just What I Was Looking For !

[killa seven]

I think if you had it so the shoutbox hid into the category strip, it would look much cleaner, as it it now it just has a button and says shoutbox, looks quite tacky on the forums, none the less, very nice lil tool, unfortunately had to take it off, as it looked unproffesional on the forum, until next time.

[Brexen]

how do you hide inferno from a certain group ?