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

vBulletin Style Node List [Deleted]

Status
Not open for further replies.

Matthew2D

Well-known member
#1
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...
 
#4
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...
 

ENF

Well-known member
#7
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.JPG
 
Status
Not open for further replies.