Widget: Team Speak
 

Simply shows how to create a Team Speak widget using the your TS Servers code from www.tsviewer.com. This method can be used to create widgets for anything that display basic html code.

Generate your Team Speak code
Visit tsviewer.com, find your server and create your code using their code generator. Ours looks like this:

Create the Widget

1. Goto AdminCP > VBulletin CMS > Widgets
2. Create New Widget
   • Widget Type = Static HTML
   • Title = Your Widget Display Name
   • Click Save
3. Now back on the Widgets screen, find your new Widget and click Configure
4. Paste your TS code you got from tsviewer.com into the box marked Enter Static HTML and click save.

Add Widget to Layout

1. Goto vBulletin CMS > Layout Manager
2. Find the layout you want to edit like Home and click Edit
3. Select your widget from the Widgets selection box and add it to the layout and place it in the column you want by dragging and dropping it.
4. Click Save and refresh the page you changed the layout for to see it appear.

NOTE: If you want an icon to display in the widget header, please perform the following

1. Upload the small TS image below to /images/cms/ in your forums folder using an ftp program
2. Goto Styles and Templates > Style Manager
3. For your style, select Add New Template from the drop down box
4. Add vbcms_widget_teamspeak as the Title
5. Add the following code in the Template box
   
   Code:

   ---

   <div class="cms_widget">
        <div class="block">
                <div class="cms_widget_header">
                <h3><img title="{vb:raw widget_title}" src="images/cms/ts.png" alt="" /> {vb:raw widget_title}</h3>
                </div>
                <div class="cms_widget_content" align="left">
                        {vb:raw static_html}
                </div>
        </div>
</div>

   ---

6. Click Save
7. Now go back to vBulletin CMS > Widets
8. Find your widget and again click Configure
9. Change the Template Name to vbcms_widget_teamspeak
10. Click Save

That should be it :)

TS Widget Header Image
https://vborg.vbsupport.ru/external/2010/01/73.png - FTP to /images/cms/ in your forums folder

Sample Widget Screenshot
https://vborg.vbsupport.ru/external/2010/01/138.jpg

Please click Installed and also Rate it if you like it.

thanks for that Gleedo

:D Thanks a lot

No problem. You can apply the exact same technique for a forum block to make it appear in the forum sidebar too :)

Can post how to do that if need be :)

SWEET!!!

Thanks for this hack :D.

Quick question... would you by chance know how to use the same hack using Ventrilo? I use both for my site and was wondering if you had plans on creating one for that VoIP as well.

Hi Deviant, I am not very familiar with ventrilo, but did a quick google and found that the gametracker network also monitor vent servers (global not just gameserver ones I think). Please look at the following link. You should be able to find your ventrilo server there.
http://www.gametracker.com/search/ventrilo/

If you find it, click on your server name, and then click the link called Image and HTML Server Banners - get code

You could then choose the server banner type you want, customize it if needed and then simply copy the Website/Blog Code and paste that like the TS codes you did earlier into it's own widget block.

I'm sure there are probably better Ventrilo monitors than the gametracker banners though. So If I come across one, I will update this thread.

Here is the image for your header if you create one with a title image:
https://vborg.vbsupport.ru/external/2010/01/69.png

You can also use the normal gametracker banners to show your game servers too using the same method.

See my site:
www.taskforce141st.com

HTH :)

EDIT: Just found this code generator for Vent like the TS viewer one. Perhaps you could also try that and see which is best for your site:
http://www.ventriloservers.biz/ventr...atus-code.html

We use this to make the code for Ventrilo http://vspy.info/?page=code
It works fine :)

Thanks for replying :).

Unfortunately I can't get the widget to show on my home page. I'm pretty sure I did everything correctly but still no luck.

I use InstantVentrilo.com and even if I use their code, which doesn't use the <iframe> tags, (uses <span ID>) I couldn't get it to show up.

I did use this site --> http://www.ventriloservers.biz/ventr...atus-code.html to generate the code but that too didn't work. :(

I'll try again this evening and if I get it to work, I'll post it :)

Excellent mod thanks Gleedo, one question tho, have you tried using the new asynchronous code (their standard one really slows down loading the cms page)? I did but only got the widget with the header and nothing in it.

Havent heard the async one fodder. Do you have a linky please? :o

<a href="http://www.tsviewer.com/index.php?page=codegenerator_iframe&ID=905520#gene rator" target="_blank">http://www.tsviewer.com/index.php?pa...5520#generator</a>

If it's not already done click on generate code at the bottom of the page (Preview & Code button), then go back towards the top and under your html code there's a button that says "OR try the new asynchronous code".

This will give you 2 sets of code, one you're supposed to put in your index.php, the other would go in the widget. I think my problem was I probably put the first code in the wrong place.

PMing Deviant K1 with instructions so as not to further derail this topic.

Thanks! I appreciate the PM.

Works fine :)... just can't wait to get it to work on the CMS :D

thanxxx

tagged
________
Body science

Quick question; Will this only work for version 2 or the new version 3? Or; will it work for either?

It will work with either, have had both working.

Worked perfectly with Ventrilo using the code generated in the CP @ typefrag.com (my host).

Thanks a ton!

pleaseeeeeeeeeeee make this for vent also.....would love it

Thraxus, i'm also on typefrag. Where did you find that code?

Any chance of a heads up, as to how to put this mod in the forums side bar

many thanks in advance

Sorted worked it out, looks rather cool if i do say so myself,

many thanks for the steer

3.8.x???

Just want to greatly thank the owner for this.. you solved 2 of my problems without even knowing it!

How to make custom header images for widgets and a easy way to display my vent on my main page!

Thanks!

How do I display the status of my Ventrilo Server on my website?
We offer a Ventrilo Status Tool on our site that will allow you to create a status block on your website for your server. To take advantage of this tool, first click on the "Ventrilo Status Tool" link under the Services option at the top of our site. From there, you will need to enter your server hostname, port number, and the website?s address this tool will be used on. Then, simply press the Generate button below. This will result in a block of code that you can then insert into your site?s HTML in the proper spot. You should then be able to see the status of your server including any channels and users that are currently on your server.

this is from the typefrag FAQ

I don't think they support (or generate) iFrame code any longer? :confused:

Regards,
Doug

I can`t seem to get this work. The instructions are simple enough but no luck here.

Mine is still working using iframes in the cms widget. Here is my code that I add via the 'configure' option under static html widget:

Can't get this to work with 4.14

I will try it when I upgrade in a day or so.

Hi is this compatible with 4.2.1?

If you Visit tsviewer.com and you use the configurator there, it will be compatible with any version. If you follow the steps correctly.

im already lost, lol. looks like this will be a long day.:confused:

What do you need help with?