منتدى خدمة نت

منتدى خدمة نت لخدمات الواب منتدى متخصص في تقديم الخدمات المجانية والمدفوعة للمنتديات العربية. عديد الخدمات الحصرية نقدمها لكم، أحلى خدمة أحلى بار وغيرها


    [css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة

    شاطر

    MoHaMeD R45
    عضو نشيط
    عضو نشيط

    جنسيتي : السعودية
    عدد المساهمات : 102
    نشاطـي : 346
    تقييماتـي : 0
    تاريخ التسجيل : 13/11/2012
    العمر : 24

    [css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة

    مُساهمة من طرف MoHaMeD R45 في السبت يناير 05, 2013 2:42 am

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

    aymen ben
    عضو نشيط
    عضو نشيط

    جنسيتي : الجزائر
    عدد المساهمات : 52
    نشاطـي : 148
    تقييماتـي : 0
    تاريخ التسجيل : 08/05/2013
    العمر : 17

    تتسابق الكلمات وتتزاحم العبارات لتنظم عقد الشكرالذي لايستحقه إلا أنت إليك يامن كان لها قدم السبق في ركب العلم والتعليم إليك يا من بذلت ولم تنتظري العطاء إليك أهدي عبارات الشكر والتقدير. *********************** تلوح في سمائنا دوما نجوم براقة لايخفت

    مُساهمة من طرف aymen ben في السبت مايو 11, 2013 11:49 am

    تتسابق الكلمات وتتزاحم العبارات لتنظم عقد الشكرالذي لايستحقه إلا أنت

    إليك يامن كان لها قدم السبق في ركب العلم والتعليم

    إليك يا من بذلت ولم تنتظري العطاء

    إليك أهدي عبارات الشكر والتقدير.

    ***********************

    تلوح في سمائنا دوما نجوم براقة

    لايخفت بريقها عنا لحظة واحدة

    نترقب إضاءتها بقلوب ولهانه

    ونسعد بلمعانها في سمائنا كل ساعة

    فاستحقت وبكل فخر أن يرفع اسمها في عليانا

      الوقت/التاريخ الآن هو الخميس ديسمبر 08, 2016 7:53 am