تصميم بدايةتصميم بدايةتصميم بداية


اهلا وسهلا بك معنا في منتدى الدعم والمساعدة لدعم ومساعدة احلى منتدى الجزائرية
اهلا وسهلا بك معنا في منتدى الدعم والمساعدة لدعم ومساعدة احلى منتدى الجزائرية



 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
>

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
نبض القلوب
نائب المدير

نائب المدير
نبض القلوب


الجنس : انثى
عدد المساهمات : 4229
نقاطي : 6838

الدولة : كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Jazaer10
الولاية : الجزائر العاصمة
التقييم : 7
احترام قوانين المنتدى: : كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 111010
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Empty
مُساهمةموضوع: كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة   كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Empty15/3/2012, 15:48

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

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

قبل وضع الكود

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

كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 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;
    }



يمكنك اضافة المزيد من الامتدادت وهذا كود فارغ
الكود:
[code]a[href$=".اسم الامتداد"]  {
    padding-right: 26px;
    background:url(رابط الصورة) no-repeat right ;
    padding-bottom:2px;}
    [/code]

طريقة التركيب
لوحة الادارة ==> مظهر المنتدي ==> الالوان ==> ورقة تصميم css
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ahlamontadaa.a7larab.net/
kingmazigh
المدير العام
المدير العام
kingmazigh


الجنس : ذكر
عدد المساهمات : 351
نقاطي : 471

الدولة : كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Jazaer10
الولاية : باتنة
التقييم : 12
احترام قوانين المنتدى: : كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 111010
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Empty
مُساهمةموضوع: رد: كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة   كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Empty16/3/2012, 18:23

كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 13277314634
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://imazighan.ahlamontada.net
τωιẋ|ɒєs
مشرف عام
مشرف عام
τωιẋ|ɒєs


الجنس : ذكر
عدد المساهمات : 95
نقاطي : 97

الدولة : كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Soudia10
التقييم : 0
احترام قوانين المنتدى: : كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 111010
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Empty
مُساهمةموضوع: رد: كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة   كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Empty31/5/2012, 04:36

بارك الله فيك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 ::  عالم الاكواد :: . :: اكواد ال CSS-
انتقل الى: