TeamSpeak viewer in slider
Mod Version: 2.0, by Fields
| vB Version: 3.8.x | Rating:  (2 votes - 4.50 average) |
Installs: 7 |
| Released: 26 Jun 2014 | Last Update: Never | Downloads: 24 |
 Not Supported
 Template Edits
Additional Files
Re-usable Code
Translations
|
||
Hello there,
First of all: Thanks to blind-eddie for testing it under vBulletin 3.8 and his feedback.
This modification is also available for http://www.vbulletin.org/forum/showthread.php?threadid=312425 !
This is the first time I release a mod. I am not a pro in coding, but I hope you still like this.
What is it?
With this template modification, you can show your TeamSpeak viewer in a sliding box which is displayed on all pages of your vBulletin.
What do I need?
You should have your TS server registered at http://www.tsviewer.com/. If not, you can do this http://www.tsviewer.com/index.php?page=serverreg. What you need is the HTML code of your server viewer. You can customize and copy the code, when you click the tab "Code Generator".
Installation
1.) Download and unzip the file that is attached.
2.) Upload the content of the "UPLOAD" folder to your root directory.
3.) Open headinclude_bottom template and paste the following code at the bottom:
4.) Make sure to replace the red-marked section with the HTML code from tsviewer.com.
5.) Click "Save" and here you go!
>>> http://tactical-riot-gaming.de/forum.php
You are allowed to delete the "coded by" sentence, but I would appreciate it when you leave it as it is. To remove it, just delete this line from the code above:
Please feel free to edit the image provided in the attachment, but don't forget to adjust the code above 
#############################
F.A.Q.
Q. The slider is blocking other modifications using jscripts.
A. Simply remove <script src="http://code.jquery.com/jquery-latest.js"></script> at the beginning of the code.
#############################
If you like this mod:
And do not forget to mark as installed!
Thanks and have fun!
First of all: Thanks to blind-eddie for testing it under vBulletin 3.8 and his feedback.
This modification is also available for http://www.vbulletin.org/forum/showthread.php?threadid=312425 !
This is the first time I release a mod. I am not a pro in coding, but I hope you still like this.
What is it?
With this template modification, you can show your TeamSpeak viewer in a sliding box which is displayed on all pages of your vBulletin.
What do I need?
You should have your TS server registered at http://www.tsviewer.com/. If not, you can do this http://www.tsviewer.com/index.php?page=serverreg. What you need is the HTML code of your server viewer. You can customize and copy the code, when you click the tab "Code Generator".
Installation
1.) Download and unzip the file that is attached.
2.) Upload the content of the "UPLOAD" folder to your root directory.
3.) Open headinclude_bottom template and paste the following code at the bottom:
Code:
<!-- /TS Slider -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div>
<div id="ts_slider1" class="ts_slider1" style="left: -219px; width: 300px; position: fixed; top: 100px; background: url(/images/slider/ts_slider.png) repeat scroll 100% 0% transparent; height: 691px; z-index: 999;">
<div style="position: absolute; top: 14pt; right: 65pt; width: 253px; height: 620px; overflow: auto; color: white">TeamSpeak slider coded by <a href="http://tactical-riot-gaming.de">[TRG]Fields</a></div>
<div style="position: absolute; top: 31pt; right: 73pt; width: 253px; height: 620px; overflow: auto">
*HTML code of your TS viewer goes here*
</div>
</div>
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider1()
{
if(state==1){
$('#ts_slider1').animate({width: 300 }, "slow", function(){state = 0;}
);
}
else
$('#ts_slider1').animate({width: 573 }, "slow", function(){state = 1;}
);
}
$('#ts_slider1').click(function(){
changeSlider1();
});
</script>
</div>
<!-- /TS Slider -->
5.) Click "Save" and here you go!
>>> http://tactical-riot-gaming.de/forum.php
You are allowed to delete the "coded by" sentence, but I would appreciate it when you leave it as it is. To remove it, just delete this line from the code above:
Code:
<div style="position: absolute; top: 14pt; right: 65pt; width: 253px; height: 620px; overflow: auto; color: white";>TeamSpeak slider coded by <a href="http://tactical-riot-gaming.de">[TRG]Fields</a></div>
#############################
F.A.Q.
Q. The slider is blocking other modifications using jscripts.
A. Simply remove <script src="http://code.jquery.com/jquery-latest.js"></script> at the beginning of the code.
#############################
If you like this mod:
- do not hesitate to make a donation https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8FVVLC8PC2DTY
- rate it!
- nominate as MOTM
And do not forget to mark as installed!
Thanks and have fun!
Download
ts_slider.zip (99.0 KB, 24 downloads)