Quote:
Originally Posted by Lynne
This is what I use on my vB5 site for the main page:
HTML Code:
/* border on homepage */
table.forum-list-container tr.forum-item td.cell-forum { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.forum-item td.topics-count, table.forum-list-container tr.forum-item td.posts-count, table.forum-list-container tr.forum-item td.lastpost { border-width: 1px 1px 0 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.subforum-list td { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px; padding-top: 15px;}
table.forum-list-container tr.subforum-list td.subforum-item { border: none; padding-top: 0;}
table.forum-list-container tr.category-header td { border-width: 1px 1px 0; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
table.forum-list-container tr.subforum-list td.subforum-item { border: none; padding-top: 0;}
div.list-footer {border-width: 1px 1px 1px; border-style: solid; border-color: #C8CCCE; border-spacing: 1px;}
This is what I use to change the icons:
HTML Code:
.forum-list-container .forum-item .cell-forum .icon {
background: url("path/here/image_old.png") no-repeat;
height: 20px;
width: 20px;
}
.forum-list-container .forum-item.new .cell-forum .icon {
background: url("path/here/image_new.png") no-repeat;
}
|
Wow, cheers Lynne!
That looks loads better than my attempt. I guess I need to have a bit more practice, huh?