Different styling on what's new for specific forum

[Espen Espelund]

We got a forum where around 50% of the posts are in a fitness journal forum. What would be the best way to style those threads differently on what's new (and possibly in the journal forum listing), like adding a css class? I'm guessing thread prefixes could be used when that comes around.

Thread
Thread
Journal
Thread

 

[Trombones13]

I would say that thread prefixes would be your best bet, once 1.1 is out. For now, perhaps preface each thread with the word in brackets, such as "[Journal] This is the rest of my thread title." That might be the best route to take for now.

 

[Digital Doctor]

Interesting idea. vaultwiki does this with vB and it works very well.
It becomes an even more intuitive idea when it applies to other types of items such as:

• wiki items
• images
• article items
• downloads
• blog entries

 

[Espen Espelund]

Journal forum just exploded, so I need to figure out something.

 

[Espen Espelund]

<xen:if is="{$thread.forum} == 19"></xen:if>

Guess something like this should be used in thread_list_item. Not working

 

[Jake Bunce]

Edit this template:

Admin CP -> Appearance -> Templates -> thread_list_item

Add the red code near the top. {$showForumLink} limits the styling to the what's new page:

<xen:require css="discussion_list.css" />

<xen:if is="{$thread.isDeleted}"><xen:include template="thread_list_item_deleted" /><xen:else />

<li id="thread-{$thread.thread_id}" class="discussionListItem {$thread.discussion_state} {xen:if {$thread.sticky}, 'sticky'} {xen:if {$thread.isNew}, 'unread'} {xen:if {$showForumLink}, 'threadListNode{$thread.node_id}'}" data-author="{$thread.username}">

	<div class="listBlock posterAvatar">
		<span class="avatarContainer">
			<xen:avatar user="$thread" size="s" img="true" />
			<xen:if is="{$thread.user_post_count}"><xen:avatar user="$visitor" size="s" img="true" class="miniMe" title="{xen:phrase you_have_posted_x_messages_in_this_thread, 'count={xen:number $thread.user_post_count}'}" /></xen:if>
		</span>
	</div>

Then edit this template:

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code to define the styles for each forum. Specify the node_id in the class names:

/* SET CUSTOM STYLE FOR DIFFERENT FORUMS IN WHAT'S NEW */
/* SPECIFY NODE_ID IN CLASS NAME */

.threadListNode2 .title a
{
	color: red;
}
.threadListNode5 .title a
{
	color: green;
}

The result:

 

[Espen Espelund]

Working perfectly. Thanks alot

 

[Digital Doctor]

Working perfectly. Thanks alot

Jake is the MAN !
For educational purposes, how about a screenshot ?

 

[Espen Espelund]

You can check it out over at http://forum.fitnessbloggen.no/

 

[bambua]

So awesome that something like this is possible as a built in solution in the style templates, no mods required. Hats off!

 

[Espen Espelund]

Yup, blown away by how easy Xen is to work with

 

[Blue]

I must have missed something, it's not working for me
Using with double-digit node ids.

.threadListNode49 .title a

 

[Jake Bunce]

I must have missed something, it's not working for me
Using with double-digit node ids.

.threadListNode49 .title a

It should work. Got a link to your forum so I can examine the source code?

 

[Blue]

It should work. Got a link to your forum so I can examine the source code?

PM sent

The nodes in question are private, Moderator forums.

 

[Digital Doctor]

Working perfectly. Thanks alot

Did you uninstall it ?
http://forum.fitnessbloggen.no/find-new/threads
I don't see any threads with a different style.

 

[Espen Espelund]

Did you uninstall it ?
http://forum.fitnessbloggen.no/find-new/threads
I don't see any threads with a different style.

Yeah. Looked too noisy. We simply hide that forum from what's new, and use a slightly different color for them on followed threads.

 

[Digital Doctor]

fitness

http://fitnessbloggen.no/vektnedgang/
- is this wordpress ?

Your site looks amazing.

 

[Espen Espelund]

http://fitnessbloggen.no/vektnedgang/
- is this wordpress ?

Your site looks amazing.

Yup. Thanks

1 million visits a month now. Pretty big in Norway.

 

[Digital Doctor]

besides changing the color of thread titles in what's new ?
What other styling things can be changed ?

 

[Jake Bunce]

What other styling things can be changed ?

It's a CSS class. You can apply any CSS.