vBulletin Style Node List [Deleted]

Status
Not open for further replies.

Matthew2D

Well-known member
Matthew2D submitted a new resource:

vBulletin Style Node List (version 1.0) - Make your node list look like vBulletin.

This will make your node list look like vbulletin.

Replace node_list with this:

Code:
margin-left: 15px;
}
.nodeList { zoom: 1; }
.nodeList .node {
    zoom: 1;
    vertical-align: bottom;
}
 
.nodeList .node.level_1
{
    margin-bottom: 20px;
}
 
.nodeList .node.level_1:last-child
{
    margin-bottom: 0;
}
 
.nodeList .node.groupNoChildren + .node.groupNoChildren
{
    margin-top: -20px;
}
 
.node .nodeInfo
{
    overflow: hidden; zoom: 1;
    position: relative;
}
 
    .node...

Read more about this resource...
 
Usually if something is presented as a modification or so should have either a screenshot or a demo link for users to see if they are interested...
 
He had the default set at:

Code:
.node .nodeIcon
{
    float: left;
    height: 48px;
    margin: 5px;
    width: 48px;
}

Which I adjusted to:

Code:
.node .nodeIcon
{
    float: left;
    height: 48px;
    margin:10px;
    width: 35px;
}

To get this:

xfnodelist2.webp
 
Status
Not open for further replies.
Top Bottom