pm notification box

[windsor]

Hey. I was wondering how you get the pm notification box when you get a pm.
This forum has the function. View the attachment to see what im talking about.



Is there such a mod?

Thanks in advance.

 

[Lee Lawson]

It is something that every forum has.
You just have to find it.
A4F has got one on the far right when a personal message comes through/

 

[Murder he Wrote]

Hi windsor.

The PM notification is simply made up of "if statements" in the HTML and a bit of CSS. Originally it was created and implemented by "CyberAlien", the author of the popular phpBB styles such as AcidTech. Since then, forums such as ourselves have used the same snippets to add the feature.


Open overall_header.html

Add:

<!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
	<!-- IF S_USER_NEW_PRIVMSG -->
		<div class="pm-notify-new"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ELSEIF S_USER_UNREAD_PRIVMSG -->
		<div class="pm-notify-unread"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
<!-- ENDIF -->

Open (colours.css or (if subsilver, use stylesheet.css))

Add to the bottom:

.pm-notify-new, .pm-notify-unread {
	border: 1px solid #105289;
	background-color: #cadceb;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
	margin-bottom: 10px;
	color: #FF0000;
}
.pm-notify-new { padding: 10px; }

You'll need to go through the CSS changing all of the colour codes to match your forum's template.

Hope that helps ~smile~

 

[windsor]

Thanks mate.
I'll add this coding right now.

Solved.

 

[windsor]

Hang on..
It doesnt come up with a box like this forum does.

This is what i looks like when i uploaded the coding.


What do i have to add to make it so its in a box.
The styles based on subsilver

Thanks

 

[Murder he Wrote]

From the Screenshot it looks as if the HTML can't find the new code on the Stylesheet...which is odd because I browsed the stylesheet and it was right there at the bottom.

Seeing as you don't need to manually refresh Subsilver2's stylesheet after each change I can't think what this could be ~neutral~ have you tried purging the cache?

 

[windsor]

Hmm. Its working now. Thanks for your help and sorry for wasting your time -razz- .
I probably didnt give it enough time for it to work out.

Your amazing at coding!
Cheers.

Solved... again

 

[Murder he Wrote]

Wasting my time? Don't be ridiculous ~razz~

That's what I'm here for, any time you need more support feel free to start a new topic.

All the best ~smile~

 

[Dj-Whitey]

I have a separated overrides folder that I add all my edits to

 

[JohnBK34]

I just added it on my forum, and it is doing the same thing as windsor's was doing. And I Purged the cache.

 

[JakJak]

I had to wait almost a week for the box to come up. 😛

 

[AnAccount]

I'm going to try this on my forum. I have always wanted something like this.

Edit: Where's the Overall_Header.html thing. Do I have to go to styles, or what do I click on?

 

[Dj-Whitey]

I had to wait almost a week for the box to come up. 😛

you maybe didn't purge your cache. that the reason why

 

[CyberFreak]

I'm going to try this on my forum. I have always wanted something like this.

Edit: Where's the Overall_Header.html thing. Do I have to go to styles, or what do I click on?

Go styles ---> *style name* ----> templates and then you will see overall_header.html :yes:

 

[Dj-Whitey]

you make a file called overrides.css with the code in it. and go to stylesheet.css and a overrides.css to it