الرئيسيةالرئيسية  اليوميةاليومية  بحـثبحـث  س .و .جس .و .ج  التسجيلالتسجيل  دخول  مكتبة الصورمكتبة الصور  

شاطر | 
 

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

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

avatar
شمهصهنش
العضو المميز في المنتدى
النوع : ذكر
عدد المساهمات : 423
النقط : 6521
تاريخ التسجيل : 15/12/2011
العمر : 26
الإجابات المقدمة: 1
2012-02-13, 17:37
المشاركة 1
نشاط شمهصهنش
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج

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


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

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


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

    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://www.wikan0.tk
    مُساهمةموضوع: رد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج   2012-02-13, 17:42

    avatar
    ALI
    صاحب المنتدى و مؤسسه
    النوع : ذكر
    عدد المساهمات : 674
    النقط : 2147491456
    تاريخ التسجيل : 11/02/2010
    العمر : 27
    الموقع : منتدى احدث البرامج
    الإجابات المقدمة: 1
    2012-02-13, 17:42
    المشاركة 2
    نشاط ALI
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: رد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
    شكرا لاضافتك الموضوع







    المصدر:

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




    {ALI}

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


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


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
















    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://programs2010.yoo7.com
    مُساهمةموضوع: رد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج   2012-02-13, 17:42

    avatar
    شمهصهنش
    العضو المميز في المنتدى
    النوع : ذكر
    عدد المساهمات : 423
    النقط : 6521
    تاريخ التسجيل : 15/12/2011
    العمر : 26
    الإجابات المقدمة: 1
    2012-02-13, 17:42
    المشاركة 3
    نشاط شمهصهنش
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: رد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
    انا فى الخدمه

    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    http://www.wikan0.tk
     
    [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج
    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    شبكه و منتديات احدث البرامج :: تقنيات احلى منتدى اكواد HTML | اكواد CSS | اكواد JavaScript و jQuery | اكواد TEMPELS | و تقنيات اخرى | حصريا على منتدى احدث البرامج :: تقنيات أخرى | Other techniques-
    انتقل الى: