شبكه و منتديات احدث البرامج
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

شبكه, منتديات, منتديات احدث البرامج, احدث, البرامج, لمحبى, البرامج, بانواعها, برامج المحمول, ثيمات, المحمول, برامج, كمبيوتر,


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

more_horiz

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


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

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

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



قبل وضع الكود



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


بعد وضع الكود

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

[Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج 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


الشرح فيديو :
المشاهدة علي اليوتيوب
مباشر !

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

more_horiz
شكرا لاضافتك الموضوع

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

more_horiz
انا فى الخدمه
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد