1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Real Time Ventrilo monitoring

Discussion in 'Template Modifications [Archive]' started by Ryan Kent, Mar 16, 2011.

  1. Ryan Kent

    Ryan Kent Well-Known Member

    Siteowners who also use VoIP services such as Ventrilo or Teamspeak may desire to offer their users the ability to connect to or monitor their VoIP service via their website. I have added a Ventrilo module to my forum side bar. If you are interested, follow the steps below:

    - If you use Ventrilo, go to http://www.instantventrilo.com/ventrilo-server-status.php. For Teamspeak or other providers, there are many sites which offer similar code.

    - Enter your ventilo IP and port, choose your cosmetic options, click the Generate Code button

    - Copy the code and paste it into the forum_list template almost at the very end, just before the final </xenhook>

    <!-- Adds Ventrilo block to be displayed on forums -->
            <div class="section">
                  <div class="secondaryContent statsList" id="vent">
                      <span id="instantventrilo"><a href="http://www.instantventrilo.com/">ventrilo</a> Hosting by InstantVentrilo.com</span><script type="text/javascript" src="http://view.light-speed.com/ventrilo.php?IP=yourventserver.com&amp;PORT=00000&amp;STYLE=2&amp;CHANNEL_WNOUSER=YES&amp;SHOW_IP_PORT=YES&amp;HELP=YES&amp;CONLINK=YES&amp;WIDTH=225&amp;FONTSIZE=10&amp;BGCOLOR=FCFCFF&amp;SN_BGCOLOR=fcfcff&amp;SN_COLOR=000000&amp;INFO_BGCOLOR=fcfcff&amp;INFO_COLOR=FFFFFF&amp;HELP_BGCOLOR=409DE0&amp;HELP_COLOR=000000&amp;CHANNEL_BGCOLOR=CCCCCC&amp;CHANNEL_COLOR=000000&amp;UN_BG=FFFFFF&amp;UN=000000&amp;METHOD=js"></script>
                    <!-- end Ventrilo block code -->
    Note: if you have a small vent server the above code should work perfectly. If you have a large vent server I suggest you contain the block by using a vertical scroll bar. Below is the CSS

    <!-- Contains Vent block on forums and adds vertical scroll bar -->
                    <style type="text/css">
                    #server_status_table {
                       width: 100% !important;
                       overflow: hidden;
                       overflow-y: auto;
                       height: 400px;
    Screenshot: Ventrilo.JPG

    Demo: http://terapvp.com/community/

    The disclaimer below was shamelessly stolen from Rigel :sneaky:

    You may modify, improve, upgrade, redistribute this hack, include it
    in another hack or yours or translate it provided you do it free of

    Code fragments may reference code copyrighted by XenForo Ltd. This code may only be used by XenForo license holders.
    ArucarD, Alan Feuerstein, eod and 2 others like this.
  2. Russ

    Russ Well-Known Member

    Nice tutorial but belongs in template modifications :), will probably be using this or something like it coming up soon
  3. gmaister22

    gmaister22 Active Member

    Awesome, really handy for gaming forums , guilds and stuff :)
  4. eod

    eod Active Member

    Thanks! I will be using this
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Moved to template modifications :)
  6. eod

    eod Active Member

    Where does the css stuff go?
  7. eod

    eod Active Member

    Also, I added the code from the ventrilo status site to a widget by using the [bd] widget framework mod found in the addon forum. is there a way to add that css to the status code that I place in the widget?
  8. Ryan Kent

    Ryan Kent Well-Known Member

    at the moment I have the CSS in the same location as the rest of the code. I need to work out the property heading to move it to EXTRA.css. I'll work on this soon.

    I have never heard of the bd widget. Do you have a link to info on this? What is the purpose?
  9. Russ

    Russ Well-Known Member

    Any extra CSS you're adding I'd recommend adding it to the template extra.css :)
  10. eod

    eod Active Member

  11. Ryan Kent

    Ryan Kent Well-Known Member

    Thank you for sharing eod. I looked at that widget framework add-on. It seems nice but not something that would be helpful for me. If you wish to take the vent code and package it up in there you are more then welcome to, but I have no knowledge of how that process works.
  12. eod

    eod Active Member

    After you install it, you have the option to create an html block and just add the code for the ventrilo status
  13. This is great, thanks!

Share This Page