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


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


شاطر

رقم المشاركة : ( 1 )
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
 
النوع : ذكر
عدد المساهمات : 423
النقط : 6305
تاريخ التسجيل : 15/12/2011
العمر : 26
مُساهمة[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


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

توقيع : شمهصهنش

رقم المشاركة : ( 2 )
ALI
صاحب المنتدى و مؤسسه
صاحب المنتدى و مؤسسه
 
النوع : ذكر
عدد المساهمات : 674
النقط : 2147491240
تاريخ التسجيل : 11/02/2010
العمر : 27
الموقع : منتدى احدث البرامج
مُساهمةرد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج

كُتب : [ 2012-02-13, 17:42 ]




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

توقيع : ALI








المصدر:

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




{ALI}

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


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


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















رقم المشاركة : ( 3 )
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
 
النوع : ذكر
عدد المساهمات : 423
النقط : 6305
تاريخ التسجيل : 15/12/2011
العمر : 26
مُساهمةرد: [Css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة فقط و حصريا على منتديات احدث البرامج

كُتب : [ 2012-02-13, 17:42 ]




انا فى الخدمه

توقيع : شمهصهنش



الانتقال السريع

: برمجة JAR7