كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
السلام عليكم ورحمة الله وبركاته
اقدم لكم الكود الحصري الذي قد قمت بعمله
الاعضاء احلي منتدي الكرام.
وظيفة الكودالاعضاء احلي منتدي الكرام.
يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا
zip - rar - txt - mp3 - png - 3gp وغيرها
ويمكنك تغير الصورة علي حسب رغبتك
يمكنك وضع وضع صورة خاضة لكل امتداد.
zip - rar - txt - mp3 - png - 3gp وغيرها
ويمكنك تغير الصورة علي حسب رغبتك
يمكنك وضع وضع صورة خاضة لكل امتداد.
مثال علي الكود
قبل وضع الكود
بعد وضع الكود
الكود
الكود:
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
الشرح فيديو :
المشاهدة علي اليوتيوبالشرح فيديو :
مباشر !