I only used the thumbnails for those categories that do not have a parent.
This mod requires a field "thumbnail" to be added to the database table categories.
You also should replace the #category definitions in your stylesheet with the following code.
Code: Select all
#category ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 2px;
padding-left: 0px;
list-style: none;
xlist-style: url('../image/bullet_1.png');
}
#category > ul li {
margin: 10px 0;
}
#category ul li a {
display: block;
margin: 5px 0 ;
height: 20px;
line-height: 20px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
#category ul li ul{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_1.png');
}
#category ul li a:hover {
text-decoration: underline;
}
#category ul li a img {
vertical-align: bottom;
margin-right: 7px;
}
#category ul li a b {
color: #7d3e97;
}
#category ul li ul {
padding-left: 25px;
list-style: url('../image/bullet_1.png');
}
#category ul li ul li a {
font-weight: normal;
}