الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

الحب في الله
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

الحب في الله

مرحباً بك يا زائر في منتدى الحب في الله
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
يريد الجنة
✿ الإدارََييِنّ ✿
✿ الإدارََييِنّ ✿
يريد الجنة


الجنس : ذكر
عدد المساهمات عدد المساهمات : 6086
نقاط نقاط : 27400
السٌّمعَة السٌّمعَة : 7
صور رمزية : كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة 07_04_1213337538384

كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة Empty
مُساهمةموضوع: كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة   كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة I_icon_minitimeالجمعة مارس 16, 2012 12:48 am

يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا
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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://el-hoube-fi-lah.hooxs.com
 
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود حصري لوضع خلفية الاسم الفئات بطريقة روعة
» كود (Css) لوضع صورة البسمله بدون خطوط للنسخه الثانيه فقط
» كود وضع خلفية للروابط بطريقة روعة ويمكن تغيرها
» كود (Css) لوضع صورة البسمله بدون خطوط للنسخه الثانيه فقط
» كود css لجعل كلمة اون لاين واوف بلاين بطريقة روعة للنسخة 3phpbb

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