معلومات العضو
The Globetrotter
صـــاحب المـــوقع معلومات إضافية
الجنس : || مسآهمآتي : 6311 التقيم : 1089 •سجلت فــي || : 02/07/2011•MMS •| : •الاوسمة•| : معلومات الإتصال
موضوع: [css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 4/3/2012, 14:46 advertising وظيفة الكود يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا 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
معلومات العضو
فارس
نائب المديرمعلومات إضافية
الجنس : || مسآهمآتي : 160 التقيم : 16 •سجلت فــي || : 09/12/2011•MMS •| : معلومات الإتصال
موضوع: رد: [css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 4/3/2012, 14:49 advertising كود رائع وموضع اروع فديتك يسلمو على موضوع القيم والموفيد ونتمنا لك توفيق ولا تحرمنا من مواضيعك مميزه
معلومات العضو
Mysterious Prince
المدير العاممعلومات إضافية
الجنس : || مسآهمآتي : 378 التقيم : 26 •سجلت فــي || : 07/02/2012•MMS •| : •الاوسمة•| : معلومات الإتصال
موضوع: رد: [css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 29/3/2012, 16:58 advertising شكرا مع تحياتي