شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
النوع : ذكر
عدد المساهمات : 423

النقط : 6707

تاريخ التسجيل : 15/12/2011

العمر : 26

http://www.wikan0.tk

[Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج

في 2012-02-13, 17:37

كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج


السلام عليكم ورحمة الله وبركاته
اقدم لكم الكود الحصري الذي قد قمت بعمله
الاعضاء احلي منتدي الكرام.
وظيفة الكود

يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا
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


الشرح فيديو :
المشاهدة علي اليوتيوب
مباشر !
avatar
ALI
صاحب المنتدى و مؤسسه
صاحب المنتدى و مؤسسه
النوع : ذكر
عدد المساهمات : 674

النقط : 2147491642

تاريخ التسجيل : 11/02/2010

العمر : 27

الموقع : منتدى احدث البرامج


الورقة الشخصية
لا تنس متابعتنا لا تنس متابعتنا:
0/0  (0/0)
http://programs2010.yoo7.com

رد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج

في 2012-02-13, 17:42
شكرا لاضافتك الموضوع







المصدر:

[url=http://programs2010.yoo7.com][/url]




{ALI}

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


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


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















avatar
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
النوع : ذكر
عدد المساهمات : 423

النقط : 6707

تاريخ التسجيل : 15/12/2011

العمر : 26

http://www.wikan0.tk

رد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج

في 2012-02-13, 17:42
انا فى الخدمه
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى