گذاشتن یک خط ریز زیر هردسته از سایدبار

[PREMIUMIHA 5]

سلام. این سایت من هست:

http://premiumiha.ir

میبینید که در قسمت دسته ها و پربازدیدترین ها و جدیدترین ها ( کلا سایدبار) بین دسته ها خالی ست (مثلا در دسته های پریمیوم بین دسته hipfile و fujifile فضای خالیست و همین طور در قسمت پربازدیدترین ها و جدیدترین ها بین همه اعضا فضای خالیست)

میخوام یه استایلی چیزی بهش بدم تا یه کم شکل بهتری داشته باشه. حالا یا یه خط باریک و ریز بین هر کدوم بزارم یا...

اگر واسه گذاشتن یه خط باریک و ریز باشه چه کنم؟ و اگر بخوام یه عکس بصورت نوار باریک بینشون بزار چه کنم؟

ممنون میشم راهنمایی کنید، درضمن اگرهم ایده بهتری دارید حتما بگید چون فقط میخوام زیباتش کنم

[RedPlus 1585]

سلام. واسه اضافه كردن خط زير هركدومشون شما فابل استايلتون باز كنيد بريد به خط 551 و اين كد به كلاس .widget ul li اضافه كنيد :

border-bottom: 1px solid #c5c5c5;

واسه عكس هم ميتونيد دوباره از همين border ها استفاده كنيد اما با اين خاصيت كه بهش عكس معرفي كنيد تضيحات بيشتر :

http://www.w3schools.com/cssref/css3_pr_border-image.asp

[PREMIUMIHA 5]

ممنون. شد. ولی چون فاصله دسته ها خیلی بهم نزدیکن بدجور میشه خط میاد زیرش. چطور فاصله بینشون رو بیشتر کنم؟

[RedPlus 1585]

واسه اين كار ميتونيد اين كد به همون كلاس بالا اضافه كنيد عددش هم روي 10 هست خواستين تغيير بدين:

padding-top: 10px;