Mr.Mohamed Esso
المدير العام
عــدد مـشـاركــتــي : 931 نــقـــاط خــبــرتـــي : 8606 نــقـاط تـقـيـمـي : 20 العمر : 34 الموقع : شبكه و منتديات رومانسي - الابداع والتميز عنوان لنا العمل/الترفيه : مساعده الاعضاء وحلولـ المشاكلـ مــزاجــي : الحمدلله تمام
اوسمه العضو اضافات خاص بالعضو:
| موضوع: تقنيه كود[css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة الخميس يناير 26, 2012 3:25 pm | |
| السلام عليكم ورحمة الله وبركاته اقدم لكم الكود الحصري الذي قد قمت بعمله الاعضاء احلي منتدي الكرام.
وظيفه الكود يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا zip - rar - txt - mp3 - png - 3gp وغيرها ويمكنك تغير الصورة علي حسب رغبتك يمكنك وضع وضع صورة خاضة لكل امتداد.
مثال علي الكودقبل وضع الكودبعد وضع الكودالكووووووووووووود
- الكود:
-
[font=Courier New][b][b] [/b][/b][/font]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; } يمكنك اضافة المزيد من الامتدادت وهذا كود فارغ
- الكود:
-
[b] [/b]a[href$=".اسم الامتداد"] { padding-right: 26px; background:url(رابط الصورة) no-repeat right ; padding-bottom:2px;} طريقة التركيب لوحة الادارة ==> مظهر المنتدي ==> الالوان ==> ورقة تصميم css
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]الشرح فيديو : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] مباشر ! ملحوظة: هذا الكود يعمل مع الاصدارات الجديدة من المتصفحات التي تدعم css3والسلام عليكم | |
|