Jump to content


View All ProductsRandom Products

News Main Page

News System



IP.Board: IPB 3.2.x
Price: $ 15.95
Example PM

Auto Anniversary Greeter



IP.Board: IPB 3.2.x
Price: $ 10.00
Recent Comments

Videos System



IP.Board: IPB 3.2.x
Price: $ 29.95
Manage Settings

Moderator Action Alert



IP.Board: IPB 3.2.x
Price: $ 15.00
Add Edit Custom Field

Collections System



IP.Board: IPB 3.2.x
Price: $ 30.00

User is offline Author

Visit support topic Find Posts Tutorial info

  • Added on: Aug 08 2010 06:06 AM
  • Views: 1216

Collaboration

Marking new PM counter in red



Description: How to highlight the new pm counter with a useful colour change is easy to make it stand out more
There were for the 2.x series a few small mods to highlight the unread pm counter in a different colour, typically red so they stood out more.

With the arrival of the 3.0.x series there was no need for this since we had a pm popup option. However as this has changed to notifications with 3.1.x, some have expressed an interest in having the pm counter to be more visible again. This is very easy to achieve. :)

A small css edit is needed, nothing more. Thanks to Morrigan for pointing me in the right direction with this.

ACP > Look / Feel > Skin Manager > (choose skin) > Manage Templates / CSS > CSS > ipb_styles.css

Find this section (its about 1/4 the way down)...
	#user_navigation #new_msg_count {
		background-color: #528f6c;
		font-weight: bold;
		font-size: 0.9em;
		padding: 3px 7px;
		top: 0px;
		left: 45px;
		position: absolute;
	}

Change the background-color line to suit.

Two quick examples with screenshots:

Red:
background-color: #ff3300;

Posted Image

Blue:
background-color: #3399ff;

Posted Image

Don't like those ? , there is a quick reference of sensible colours to choose from here > http://html-color-codes.com

You may need to re-cache the skin and / or hard fresh your board index to see the change. :)

Note: This will only effect it initially, if you have more than one message once you read one it will change back, this is intentional (and easier to do) as its intended to just highlight the initial need to check your inbox.


Powered by Tutorials 1.3.0 © 2012, by Michael McCune