I've finally got this working properly on my test board. I too had problems making the graphics appear for the left side boxes. Since I also use the directory
forums (not forum) I edited the Main CSS as suggested, but still to no avail. I eventually got the graphics to display by using their absolute URL rather than the relative URL shown in the update.
Maybe this will work for anyone else who's still having problems:
Code:
/* ***** Postbit Legacy layout ***** */
.pbit {
padding-left: 1px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 2px;
background-color: #F4F3FE;
border-top: 1px solid #3B5485;
border-right: 0px solid #F4F3FE;
border-left: 0px solid #F4F3FE;
border-bottom: 1px solid #3B5485;
margin-bottom: 5px;
}
/* ***** Sidecolumn ***** */
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#menu2 {
width: 200px;
margin: 0px;
border-style: solid solid none solid;
border-color: #395384;
border-size: 1px;
border-width: 1px;
}
#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu2 li a:link, #menu2 li a:visited {
color: #3688BA;
display: block;
background: url (http://yourdomain.com/forums/menu2.gif);
padding: 8px 0 0 40px;
}
#menu2 li a:hover, #menu2 li #current {
color: #3688BA;
background: url (http://yourdomain.com/forums/menu2.gif) 0 -32px;
padding: 8px 0 0 42px;
}
Simply change the text in red to the full URL where menu2.gif is located.