Share
View previous topicGo downView next topic
avatar
شمهصهنش
العضو المميز في المنتدى
العضو المميز في المنتدى
النوع : Male
عدد المساهمات : 423

النقط : 7046

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

العمر : 26

http://www.wikan0.tk

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

on 2012-02-13, 17:37

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


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

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

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



قبل وضع الكود





بعد وضع الكود





الكود
Code:

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;
    }


يمكنك اضافة المزيد من الامتدادت وهذا كود فارغ
Code:

a[href$=".اسم الامتداد"]  {
    padding-right: 26px;
    background:url(رابط الصورة) no-repeat right ;
    padding-bottom:2px;}
 
طريقة التركيب

لوحة الادارة ==> مظهر المنتدي ==> الالوان ==> ورقة تصميم css


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

النقط : 2147491981

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

العمر : 27

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


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

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

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







المصدر:

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




{ALI}

::[You must be registered and logged in to see this link.]::


"[You must be registered and logged in to see this link.]"


:.[You must be registered and logged in to see this link.]:.















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

النقط : 7046

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

العمر : 26

http://www.wikan0.tk

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

on 2012-02-13, 17:42
انا فى الخدمه
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum

«الموضوع السابق|الموضوع التالي»