Styling RaidTracker

Click on the tab below for the version you are interested in styling for

RaidTracker 4 can be styled up using themes to match your organization's site. You can download a theme below, or learn how to create your own theme for your group or guild.

Preset themes

RaidTracker can be styled to suit your group/guild's website. RaidTracker comds preinstalled with one style, called 'bluesocial'. Other themes may be downloaded below as they are presented.

bluesocial (this is included by default), but this is the backup, and always updated
blacksocial This is the old "black" or black/gold theme fitted for RT 3
retro (This gives the appearance of RT2 default theme)
Rofp 4.0 *

* The RofP style is a style that is available for the public. But only the WoW guild Reflection of Perfection can use the mop34.jpg background. Everyone else can replace the image with another of width 955px to make it work right.

Installing and using themes

Navigate to the /theme directory, and install all files in a subdirectory of its own. (i.e. for the style named 'blacksocial', all files must be in the /theme/blacksocial directory. If this theme is correct, you should be able to see your theme name in Account|Information or in Administration|Display tabs.

To use the style, you may set it in the Display tab of the Administration view, if it is to be set systemwide. You may also force this style to be used by checking the Force theme setting below. This may be used on a user basis by selecting the theme in the Account view Information tab of the settings. You may also test it temporarily by adding the "?theme=blacksocial" or "&theme=blacksocial" to the URL bar in most cases, replacing blacksocial with the theme name.

RT 4 theme compatibility

RT 4 and RT 3 are largely compatible with each other and their themes. However, there may be certain features not supported by RT 3 or RT 4 that will break your theme if changes aren't made. Administrators wishing to upgrade should install a test version and tweak the theme before upgrading the current copy. With that said, it is preferred not to rely on backwards-compatibility (as there are RT 3 themes of the above also available.)

RT 4 is not compatible with styles from RT2 or earlier, and versions before 3.00 cannot use RT 4 themes.

Changes between RT 3 themes and RT 4 themes include:

test
#tabbar : several themes used a, but 4.x changed to buttons. You can use * (or omit the 'a' when permitted) for compatibility

Create your own theme

RT 4 allows you to easily create your own theme. As long as you can create CSS files (especially CSS 2 and 3), you can use RT to display however you wish.

Basics to the theme

RT 4 will require 2 files to your theme, and also any other optional stylesheets or system png files you want to include. You will need the CSS file "rt-style.css" as the base. Without this, RT will not be able to detect your style. The other file it needs is logo.png, which will sit at the top of the screen to help people get back to the main page. This is often, but not always, used to "brand" your site. In Rofp 3.0, the logo is the house icon, since it uses a background image with the site name as primary branding.

The rest of the files are optional, though recommended for various purposes:

rt-style-m1.css: To format for cell phones (max width 480px)
rt-style-m2.css: To format for large phones/tablets (max width 800px)
rt-style-ie.css: To format for IE8 only. (IE9 and later do not use)*
~~rt-style-ie7.css: To format for IE7 or lower~~ *
~~rt-style-p.css : To format views for printing~~**
any additional images such as a background.

Notes: RT 3 allowed a print stylesheet and stylesheets for older IE versions. RT 4 comes with its own print stylesheet, so rt-style-p is ignored. RT 4 also is not compatible with Internet Explorer versions older than 8, so all rt-style-ie stylesheets are ignored. It it recommended to use IE 10 or later, or another standards-support browser.

Skip the template, just the CSS

The styles that RT2 used had a base template, where additional features like javascript, or extra links on a page can be added. The problem is that it could be too simple to accidently remove a core RT component. The styles were too complicated as well. RT 3 changed it by a) allowing addons, b) allowing extra links to the menu, and c) present the page, and allow users to style it using pure CSS.

In the CSS files used for these displays, the positioning was separate from the colors to keep it simple, and make it easy to learn the styles. But this is not required for your own theme.

Note on theme changes

Version 4.00 uses the .urgent and .note classes in some horizontal bars such as time or role. These are deprecated, and recommended to be replaced with classes: .dateh, .start, .next