Şimdi fark ettiğim bir şey var.

<li class="maincat"><a href="http://localhost/category/bilgisayar/">BİLGİSAYAR</a> (1)</li>

        	<li class="cat-item cat-item-8"><a href="http://localhost/category/bilgisayar/masaustu/">Masaüstü</a> (0)

</li>
	<li class="cat-item cat-item-5"><a href="http://localhost/category/bilgisayar/notebook/">Notebook</a> (0)
</li>
	<li class="cat-item cat-item-11"><a href="http://localhost/category/bilgisayar/tablet-pc/">Tablet PC</a> (0)

Gördüğünüz gibi her kategorinin başına bir sınıf oluşturuyor ve sınıf isminin sonuna kategori id'sini ekliyor.Scriptin css dosyasında bu css tanımlı değil.Örneğin master.css dosyasına "class="cat-item cat-item-11" şeklinde tanımlasam ve burada simgenin yerini göstersem direk olarak simge gelmez mi?

Eğer olursa sizden bir tane css için örnek ve kaynak rica edicem çünkü css dediğim gibi fazla bilgim yok css nasıl resim gösterilir bilmiyorum.


ilgili bölümün master css kodları:

#directory .catcol ul li.maincat{border-bottom:1px solid #DDD; font-weight:bold; padding:0 0 2px; text-transform:uppercase}

#directory .catcol ul li.maincat a{text-decoration:none;}

#directory .catcol ul li.cat-item a{text-decoration:none; color:#545454;}

#directory .catcol ul li.maincat a:hover, #directory .catcol ul li.cat-item a:hover{text-decoration:underline}

#directory .catcol ul li.cat-item{background:transparent url(../images/bullet-grey.png) no-repeat scroll 3px 10px; border-bottom:1px solid #DDD; line-height:20px; padding:5px 0 2px 10px}

#directory .catcol ul li{line-height:20px; padding:5px 0 2px 10px}