Private Messages Enhancements - Change Userinfo Box on New Notification

This will change the Navbar where the userinfo is to a different color when a user has a unread private message, unread profile message, profile visitor message awaiting approval, incoming friends request, requests to join users social group or an invitation to join social groups.

This can be done with a simple template edit but I do this on so many forums I'm tired of doing the template edit every update. So this hack is born.

1.1 - Fixed the code to match 3.7 (thanks boofo for bringing it up)

Install Info:

1. Import the product.
2. done.

See SS for example.

How to change the style:

I used the td.inlinemod class for the color effect. If you wish to use your own just create some custom CSS and add it in the additional CSS field in you style manager for the styles you use. You could also add a background image in your custom CSS for other effect.

To change the CSS go into the options page for this hack and where it says replacment text change the following:

<td class="inlinemod" nowrap="nowrap">

Now you would replace the text in red "inlinemod" to your custom CSS. Depending on your style it would look something like this.

<td class="yourcss" nowrap="nowrap">

[RvG2]

well said

[nix]

Yea. Seems like a growing trend.

I just don't see why its so difficult to change this line

<td class="inlinemod" nowrap="nowrap">

to what ever you want.

<td class="mycss" nowrap="nowrap">

and then add this to the additional css in the style.

.mycss {background: #FFFFCC; color: #000;}

or if you want an image like how I have it

.mycss {background: transparent url(/path/to/my/image.png) no-repeat scroll right top;}

But to use an image to change the background color, well thats just...

[Boofo]

is there any way to make that image a tad smaller or transparent and include it in the first post? I'd like to try that, just for the heck of it.

[nix]

what do you mean?

[Boofo]

The pic you use for your background.

[carrlos]

Originally Posted by nix

Yea. Seems like a growing trend.

I just don't see why its so difficult to change this line
But to use an image to change the background color, well thats just...

In my defense, I don't use an image to change the background color but use an animated .gif file to flash the box. I don't know who came up with idea first and I really don't care. They both work. As for this one, for me it is more work because I am an average guy (read: non-coder) and find it more easy to reupload an image rather than recode something everytime I want to change it. That is the ease that I and many others find in a slightly different version of this hack.

But keep up the good work because it definitely is good work. :up:

[rapidphim]

It works on RC3 right? Would someone please confirm? Thanks.

[Golzarion]

Originally Posted by rapidphim

It works on RC3 right? Would someone please confirm? Thanks.

I used on RC4! It works perfectly..

[nix]

there is a 3.7 version but they are the same.

[Super Jinni]

Originally Posted by nix

Yea. Seems like a growing trend.

I just don't see why its so difficult to change this line

<td class="inlinemod" nowrap="nowrap">

to what ever you want.

<td class="mycss" nowrap="nowrap">

and then add this to the additional css in the style.

.mycss {background: #FFFFCC; color: #000;}

or if you want an image like how I have it

.mycss {background: transparent url(/path/to/my/image.png) no-repeat scroll right top;}

But to use an image to change the background color, well thats just...

none of that works for me and the background color changed only to black

any idea about how to move around this please?