كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة

يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا
zip - rar - txt - mp3 - png - 3gp وغيرها
ويمكنك تغير الصورة علي حسب رغبتك
يمكنك وضع وضع صورة خاضة لكل امتداد.

مثال علي الكود

قبل وضع الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد وضع الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الرمز:

a[href$=".png"] ,a[href$=".jpg"] ,a[href$=".gif"] { padding-right: 26px; background:url(https://i.servimg.com/u/f47/17/07/42/77/image-10.jpg) no-repeat right ; padding-bottom:2px; } a[href$=".mp3"] ,a[href$=".wma"] ,a[href$=".m4a"] { padding-right: 26px; background:url(https://i.servimg.com/u/f47/17/07/42/77/image-11.jpg) no-repeat right ; padding-bottom:2px; } a[href$=".mp4"] ,a[href$=".3gp"] ,a[href$=".mpg"] { padding-right: 26px; background:url(https://i.servimg.com/u/f47/17/07/42/77/image-12.jpg) no-repeat right ; padding-bottom:2px; } a[href$=".pdf"] ,a[href$=".txt"] ,a[href$=".doc"] { padding-right: 26px; background:url(https://i.servimg.com/u/f47/17/07/42/77/image-13.jpg) no-repeat right ; padding-bottom:2px; } a[href$=".swf"] ,a[href$=".FLV"] { padding-right: 26px; background:url(https://i.servimg.com/u/f47/17/07/42/77/swf1010.png) no-repeat right ; padding-bottom:2px; }

يمكنك اضافة المزيد من الامتدادت وهذا كود فارغ

الرمز:

الكود: a[href$=".اسم الامتداد"]  {     padding-right: 26px;     background:url(رابط الصورة) no-repeat right ;     padding-bottom:2px;}

طريقة التركيب
لوحة الادارة ==> مظهر المنتدي ==> الالوان ==> ورقة تصميم css