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">

[airborneCAL]

I'd like to change the css color that shows instead of the yellow but I'm not sure how. Any help? Great mod BTW.

[carrlos]

I too like it but would like a brighter color like flurescent green or pink to make it more visible. How is that done???

[carrlos]

Never mind! I got it! I changed:

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

to:

<td class="pmbox" nowrap="nowrap">

And added this to the Additional CSS Definitions in Style Manager > Main CSS

.pmbox { background-color: #33CCFF; color: #000000;}

[nix]

Originally Posted by airborneCAL

I'd like to change the css color that shows instead of the yellow but I'm not sure how. Any help? Great mod BTW.

Originally Posted by carrlos

Never mind! I got it! I changed:

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

to:

<td class="pmbox" nowrap="nowrap">

And added this to the Additional CSS Definitions in Style Manager > Main CSS

.pmbox { background-color: #33CCFF; color: #000000;}

Change the html to a class you want to use. Then add that class to the additional CSS.

[Magnumutz]

Any idea on my problem?

[nix]

Originally Posted by Magnumutz

Any idea on my problem?

You just need to find what the html is when you have a new notification and use that.

On one site I have a totally custom skin. This is what it looks like with a new notification.



All this takes is some css skills and a little bit of html.

[Magnumutz]

Nevermind, i found something better, sorry for the trouble.

[Boofo]

Originally Posted by Magnumutz

Nevermind, i found something better, sorry for the trouble.

What did you find that could possibly be better than this?

[nix]

Cracker Jack coding to the rescue. I guess I'm the only one who sees a problem with one how the "other" is doing it and two the plan just disregard to anything.

I should go make a you thanked hacked. Because its different from the thank you hack because its called you thanked. :/

[Boofo]

nix, you have to realize that some coders can't seem to come up with their own ideas so they take someone else's and rework it into their own, when the idea they stole is actually better than what they come up with.