Styling RaidTracker
RaidTracker version 3.x and later uses themes, and are located in the themes folder. Themes are incompatible with previous versions of RT, and older styles are not compatible with RT3. Fortunately, RT3 themes are a lot easier to craft than previous versions.
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 file is updated and always maintained compared to the original install)
- blacksocial This is the old "black" or black/gold theme fitted for RT 3
- retro (This gives the appearance of RT2 default theme)
- Rofp 3.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.
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 Profile 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
Create your own theme
RT3 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.
RT 3 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-p.css : To format views for printing
- 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 *
- any additional images such as a background.
* RaidTracker does not really offer much support for IE7 or earlier. Also, some system icons may be replaced by those in your style at a later date.
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 3.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