Extra Node Information by Waindigo [Deleted]

The other way would be to use a sprite image of exactly the same size for every single node. You can then just add something like the following to your EXTRA.CSS:
Code:
.unread .nodeIcon {
    background-position: -36px 0;
}
 
implemented this addon on a section for featured social groups (http://indiegamers.com):
Screen Shot 2013-09-03 at 7.27.07 PM.webp

Turned out not bad! Just wish I could show social group info like a normal node somehow.

Here is the css I used if anyone wanted to see. It's a class called .game-group
HTML:
.game-group .nodeInfo.linkNodeInfo {
/*background: url(http://indiegamers.comassets/gamegroups/gg_cubeworld.jpg);*/
height: 100px;
margin-bottom: 5px;
background-size: cover;
}

.node.game-group .linkNodeInfo .nodeIcon {display:none;}

.game-group .nodeText {
background: rgba(0, 0, 0, 0.57) !important;
min-height: 20px !important;
margin-left: 0px !important;
}

.node.game-group .nodeTitle a {
height: 100%;
position: absolute;
width: 100%;
margin-top: -10px;
margin-left: -10px;
padding: 10px 0 0 10px;
}

To get 50% here is what I use. Change node ids with whatever category you will be doing:
HTML:
.node_54 .nodeText { margin-right: 0 !important; }
.node_54 .nodeLastPost, .node_54 .tinyIcon { display: none !important; }
.node_54 .forum.level_2,
.node_54 .page.level_2,
.node_54 .link.level_2,
.node_54 .category_forum.level_2 {
width: 50%;
float: left;
min-height: 60px;
}
.node_84 .nodeText { margin-right: 0 !important; }
.node_84 .nodeLastPost, .node_54 .tinyIcon { display: none !important; }
.node_84 .forum.level_2,
.node_84 .page.level_2,
.node_84 .link.level_2,
.node_84 .category_forum.level_2 {
width: 50%;
float: left;
min-height: 60px;
}

Then for each background, you can add the link using this addon. Don't forget to include .game-groups or w.hatever class name you use to call the new css styling.
 
For some reason, when I add the image URL to the "Forum Node Background:" field... nothing is showing for the background of the node on my Index?
 
For some reason, when I add the image URL to the "Forum Node Background:" field... nothing is showing for the background of the node on my Index?
What style are you using? Have you tested with the default style?
 
There is a template conflict with the Double Click Forum Icons to Mark Forum as Read addon
node_forum_level_2 add markread link
and Extra Node Information by Waindigo add-on
node_link_level_2 Adds icons to link forum nodes in node list.
=====
I post this in both add-on discussions.
You will need to speak to the other developer about this as it is a problem with their template modification. They should really be using a regular expression and also use the {xen:if} syntax rather than <xen:if> inside a HTML tag to avoid issues. If they don't want to use a regular expression, then you should encourage them to change the priority of their template modification to make sure that it gets done first.
 
  • Like
Reactions: KiF
@Waindigo,

I never got a chance to try it before because we did not need to but now that we did.

Adding any classes to categories does not work.

It only seems to be functioning properly for forums.

Any ideas?
 
@Waindigo,

I never got a chance to try it before because we did not need to but now that we did.

Adding any classes to categories does not work.

It only seems to be functioning properly for forums.

Any ideas?
I'm not able to replicate the issue. Works fine on my local install.

Or are you talking about the category bars (the orange bars in XenForo default style)?
 
I created a new template named ultimate_list.css and filled it with
Code:
.ultimate_list {
height: 20px;
}

And set the class name in the category to ultimate_list.css but it changes nothing.

What did I wrong?
 
You need to make sure that the CSS file gets included in the page.

You can do this by adding the following to your EXTRA.css file:
Code:
<xen:require css="ultimate_list.css" />

This will add it to every page. Alternatively, you can just add that code to the bottom of the templates you need it (e.g., forum_list, forum_view and category_view).
 
You need to make sure that the CSS file gets included in the page.

You can do this by adding the following to your EXTRA.css file:
Code:
<xen:require css="ultimate_list.css" />

This will add it to every page. Alternatively, you can just add that code to the bottom of the templates you need it (e.g., forum_list, forum_view and category_view).
Okay, for what is then the "Category Class Name:...." box?
 
Top Bottom