GuildPortal will be going offline (permanently) by the end of the month.
Sign Up! Login: Password: New User? Forgot? Support
Forums : Server Status > Custom WoW Server Status (using XSL)
Mottie (SuperAdmin) 12/19/2008 3:39 AM EST : Custom WoW Server Status (using XSL)
Posts: 3884



How To Add A Custom WoW Server Status Box (using XSL)

GuildPortal admin site link to original post

NOTE: There is now a WoW Server Status Widget. If you want a more personalized server status widget, you can still use the code from this post.


  • First off, this will only work on paid subscription sites
  • If you have a free site and want to add a server status box, read this thread.
  • You will need to make the file below and host it on your GP site.
  • Note: if your subscription runs out, this code will stop working and you will get a message saying it won't work on free sites.


.statusBox {
 background: url( top center no-repeat;
 color: #ffffff;
 height: 150px;
html>body .statusBox { height: 90px;}
.statusBox img { position: relative; top:5px; }
.serverUpColor { color: #ffffff; font-size: 16px; }
.serverdownColor { color: #bbbbbb; font-size: 16px; }

.pve { color: #00ff00; }
.pvp { color: #ff0000; }
.rp { color: #fff000; }
.rppvp { color: #ff8000; }

.lowload { color: #00ff00; font-size: 14px; vertical-align:center; }
.mediumload { color: #ff8000; font-size: 14px; vertical-align:center; }
.highload { color: #ff0000; font-size: 14px; vertical-align:center; }
.maxload { color: #ff00ff; font-size: 14px; vertical-align:center; }


<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="">
<xsl:output method="html" version="4.0" indent="yes"/>
<xsl:template match="/">
<div class="statusBox" align="center">
<xsl:for-each select="page/rs/r">

<xsl:if test="@n='Durotan'">

  <xsl:when test="@s=1">
   <b class="serverUpColor"><xsl:value-of select="@n"/></b>
   <b class="serverDownColor"><xsl:value-of select="@n"/></b>
  <xsl:when test="@t=1"><span class="pve"> (PvE)</span></xsl:when>
  <xsl:when test="@t=2"><span class="pvp"> (PvP)</span></xsl:when>
  <xsl:when test="@t=3"><span class="rp"> (RP)</span></xsl:when>
  <xsl:when test="@t=4"><span class="rppvp"> {RPPvP)</span></xsl:when>
<br />
  <xsl:when test="@s=1">
   <img src="" width="18" height="18"/>
   <img src="" width="18" height="18"/>
  <xsl:when test="@l=1"><span class="lowload"> Low</span></xsl:when>
  <xsl:when test="@l=2"><span class="mediumload"> Medium</span></xsl:when>
  <xsl:when test="@l=3"><span class="highload"> High</span></xsl:when>
  <xsl:when test="@l=4"><span class="maxload"> Max</span></xsl:when>

Installing & Customizing

  • CSS

    • Start by adding the CSS to your Custom StyleSheet or add it to a free form text/HTML box on the same page (but add a <style> to the top and </style> to the bottom)
    • Modify the CSS colors (in blue) to your liking.
    • Change the Status box size (in red) to fit your background image (in orange). The height in the ".statusBox" sets the height in IE. The height in "html>body .statusBox" sets the height in all other browsers.
    • The above CSS has the alliance background image, get the horde background image here.
    • If you don't want the server type or server load to display in the status, simply change the class in the CSS like this:

      .pvp { display:none; }

  • XML

    • Open your text editor (like Notepad) then copy (Ctrl-C) the XML above and paste (Ctrl-V) it into your editor.
    • Change your server name (in green). It is case sensitive!
    • If you want to change the up and/or down arrows in the server status, replace the URL (in orange). If you want to use text instead of an image, replace that entire line with something like this:

      <span style="color:#ffffff;">Up</span>

    • Save the file someplace on your computer where you can find it easily, name it something like "serverstatus.xsl".

  • Installing

    • Upload your xsl file to your site:

      Control Panel > File Manager > Upload File(s) > Browse > find your file

      Click "Upload File(s)"

      Copy this URL!

    • Add a new content box to the page you desire:

      Control Panel > Site Pages > (Home) > Add New

      Title: Server Status (or whatever you want)
      Type: XML/XSL Transformation
      Zone: (Pick one)

      Click "Add"

    • Now find your new content box and click "Edit"

    • A popup window will appear with "XML/XSL Transformation Editor" at the top.... add the following:

      XML Url:
      XSL Url: Paste the link to your XSL file here.
      XSL Content: Leave blank... I haven't figured out how to get this to work yet, it would be better since you wouldn't have to save a file to your site.
      XSL Source: Select "Use XSL URL"

      Click "Save"
Enjoy! typer happy

Edit (2/23/2010): Added "server" in front of the serverUpColor and serverDownColor CSS classes... sorry I missed that. Of course I updated the admin forum post on 4/9/2009 =/.
Edit (2/23/2010): Removed references about hosting the xsl on some other site, it's now easier to upload it to your GP Files.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
Who's Online 
There are   members online.
So-and-so has logged on!