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

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

الكود شغال 100%
مجرب على النسخه الثاية/PPHp2

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

قبل وضع الكود

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

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

بعد وضع الكود

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

الكود
الكود:: ::

الكود:: a[href$=".png"] ,a[href$=".jpg"] ,a[href$=".gif"] {
padding-right: 26px;
background:url(http://i47.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(http://i47.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(http://i47.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(http://i47.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(http://i47.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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الشرح فيديو:: :: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] مباشر !

ملحوظة:: ::هذا الكود يعمل مع الاصدارات الجديدة من المتصفحات التي تدعم
css3

» كود يقوم بوضع صورة بجانب أخر مساهمة
» كود وضع صورة إنسيابية بجانب المنتدى ووضع بها رابط خاص يفتح عند الضغط على الصورة
» طريقه وضع ( follow us أو follow me ) الخاص بتويتر بجانب المنتدى