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.

I used the second script that includes the events box images, but I cant get my test image to appear. It shows up in the calander just not my upcoming events box on my main page.

AmI missing something. I have the scripts loaded into my footer

I am having the same problem, but I have no idea what you mean by the following Mottie.

Mottie said:

Secondthing is on your side. It looks like you used custom content box HTML?The script needs to find a "ContentBox" class to find the Events box.So you'll need to go back to your custom content box HTML and add thisclass to the top most table, or you could add a <divclass="ContentBox"> around the whole thing. I wish there was anotherway to find the events box, but GuildPortal doesn't add an ID for itlike it does with the calendar.

The script looks through the HTML for a "ContentBox" class definition. This class is only defined for each content box on your page. This is the best and easiest way for the code to find the "Events" box. GuildPortal is set up this way by default, but if you add custom content box HTML, sometimes this gets missed.

So all that needs to be done is add that class to the HTML

Eph, I'll take a peek at your site and see if this is the same issue.

Chef, if you don't want the main calendar icons, then just remove these lines from the script:

I dont think I have a custom content box html, The only CSS I have added to the page is scripts, in the header and footer, that you wrote and I cut and pasted with the apropriate changes for my site, and all the fancy graphics are just loaded via the normal GP interface

Mottie, I was trying to get the small event box on my home page to just show the icons for posted events. I am stuck on this one! As it is a content box, and the css looks for the appropriate script, I did not want to mess things up by adding what you posted, and besides. I only want the icon for that box, as my members are getiing in the habit of actually going to the event room!Please help, and I'll send the kitty a fresh piece of Tuna!

Laggin

If you love something, set it free! If it doesn't come back; hunt it down, and kill it!

Is there a code that can be put in place to set an image to display at a percentage of its actual size rather than a hard number of pixels? The images I want to use for the events are the same ones that I use for medals and they all vary in size and few are square.

Chef: Did you want ONLY the icon? No title, date, time or person who posted? And did you want the icon clickable?... it'll take a little bit of code changing, but it is possible

Mr_Apocalypse: Actually the image size height and width can be changed in the code. For the main calendar, the code looks like this:

addIcons($(this),"right",22,22);

The first 22 is the image width and the second 22 is the image height. To make these a percentage, choose either the height or width and add it there (make sure you have quotes around it). Here is an example of changing the image width using percentages.

addIcons($(this),"right","30%","");

Note:

Using 100% width will make the image width fit the box that it is contained within (i.e. 100% does not equal the 22 pixel width of the image. Play around with it and you'll see what I mean).

You can only use a percentage for either the height or the width, not both. The browser will only use the first percentage it finds. Use double quotes for the other parameter like in the example above.

You can set the width to "100%" and the height to "10" and the result would be an image that is very wide and only 10px tall.

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.