• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Node Custom Listing... Willing to pay,

Wing

Active member
#1
Hello,

I saw some custom work with Indie Gamer http://indiegamers.com/forums/ and horizontal nodes implemented with the "Extra Node Information" mod by @Waindigo.

I would rather someone experienced do this, as I have already attempted but failed.

Am willing to pay you $10 via Paypal if someone can help get this setup on www.optiksgaming.com ?

The nodes I would like to see setup horizontal like some of Indie Gamers, are all in this catagory: http://www.optiksgaming.com/categories/480/

And possibly our social groups too: http://www.optiksgaming.com/social-categories/divisions/

Any chance of this happening?
Really appreciate it... let me know.

intradox said:
implemented this addon on a section for featured social groups (http://indiegamers.com):
View attachment 55893

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.
 
Last edited: