Unread forum titles (colorà

[Mannix_]

Are you sure you are editing the correct style?? Neither prosilver or prosilver_fr has the changes mentioned by Steve ??? Also on your board your users are able to use Flatboots and prosilver_fr. So if a style already has forumlist_body.html changing it in prosilver won't have effect on style that already have that file. Also anytime you edit html file you need to purge cache in ACP

[bennybernaer]

I only made the changes to my test forum. Only prosilver also emptied the cashe there. But nothing... Am I editing the right line?

open: prosilver/template/ajax.js

search:

Code: Select all

	$('li.row').find('dl[class*="forum_unread"]').each(function() {

place above:

Code: Select all

/* grid pro */
	$('a, i.icon').each(function() {
		if ($('a i.icon').hasClass('unread-forum')) {
			$('a i.icon').removeClass('unread-forum');
		}
	});

open: prosilver/template/forumlist_body.html
search:

Code: Select all

<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a>

repleace with:

Code: Select all

						<a href="{forumrow.U_VIEWFORUM}" class="forumtitle <!-- IF forumrow.S_UNREAD_FORUM -->unread-forum<!-- ENDIF -->;">{forumrow.FORUM_NAME}</a>
	

/* custom css
---------------------------------------- */

Code: Select all

a.forumtitle.unread-forum {
	color: #AA0000;
}

[Sniper_E]

Checking this I made the changes to the lines in forumlist_body.html in prosilver and in my custom style

Code: Select all

						<a href="{forumrow.U_VIEWFORUM}" class="forumtitle<!-- IF forumrow.S_UNREAD_FORUM --> unread<!-- ENDIF -->">{forumrow.FORUM_NAME}</a>

And added the custom css to the bottom of the colours.css

Code: Select all

a.forumtitle.unread, a.subforum.unread { color: #AA0000; }

Works perfect without editing the ajax.js

@benny, I placed the css at the bottom so it would load last. Or you can use !important to bring it out on top

Code: Select all

a.forumtitle.unread, a.subforum.unread { color: #AA0000 !important; }

[bennybernaer]

Thanks Sniper_E for your edits. It works but unfortunately not without ajax.js

After a lot of trying I got everything working with the change below in ajax.js

search:

Code: Select all

	// Mark subforums read

place above:

Code: Select all

   $('a.forumtitle[class*="unread"]').removeClass('unread');

Yeah!


Edit: (extra css)

Code: Select all

a.forumtitle.unread::after { 
	content: "New";
	display: inline-block;
	font-size: 0.8em;
	margin-left: 0.5em;
	vertical-align: text-top;
	background-color: #d31141;
	color: white;
	padding: 1px 4px;
	float: right;
	border-radius: 3px;
	-webkit-animation: unreading 2s infinite;
	-moz-animation: unreading 2s infinite;
	animation: unreading 2s infinite;
}
@-webkit-keyframes unreading {
	50% {
		opacity: 0.25;
	}
}
@keyframes unreading {
	50% {
		opacity: 0.25;
	}
}