Mail Notification v6

by Mottie

Description

This mod opens a popup to notify you if you have a new mail message. It was written for users who wish to hide their top menu bar (state bar/log in bar). Or if you just want a bigger message telling you that you have mail. I've set it up to open either a growl window (timed popup) or a facebox (popup you have to close).

For more information on the custom variables, please see this post.
To style the growl window (pictured above), use the "Growl Window Styling" Mod or refer to this post.
To style the Facebox popup window, please refer to this post.

Now you should have your tab bar centered and contain the proper background image

Alternative Solution:

If you are having trouble with finding the background image in the CSS, you can use this script in place of the CSS above. It essentially does the same thing. Add this script to your Footer Area (Control Panel > Custom HTML & Script > Footer Area)

Note that the tab width doesn't include the 8 pixels of padding on either side of the tab button. So setting the size to 100 pixels will show a button around 116 pixels wide. So adjust the size as appropriate.

Edited 3/21/2011: Included "straightBarSpacer" to prevent the mismatch of tab coloring. Edited 3/22/2011: DOH, ignore that! Added "BACKGROUND IMAGE URL" where it should be replaced.

The first line stretches the tab table all the way across the page. there is nothing to change.

The second line sets the font size, you can also include font-family or you can mess around with the new CSS3 @font (I'm not sure if it works with IE).

The last line stretches each tab, but you'll have to be adjust it:

Now, if you have 5 tabs on your site, set the width of the tabs to 20% (as above). But if you have more or less pages, you'll have to adjust this percentage. Basically this math formula:

100 / number of tabs

So with 5 tabs, it's 100/5 = 20%.

Here is some javascript that does this for you automatically if you wish. So you won't need the last line of CSS. Add the following to your banner OR footer area (Control Panel > Custom HTML & Script > Banner or Footer Area) and remove the middle CSS line above ( it gets overridden anyway ).

GuildPortal™ Axiom Shift, LLC. All Rights Reserved. All game-related trademarks are properties of their respective owners. Several adorable monkeys were harmed during the creation of this site, and for that, we are wholly unapologetic.