هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
[css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة
صفحة 1 من اصل 1
[css] كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة
السلام عليكم ورحمة الله وبركاته
اقدم لكم الكود الحصري الذي قد قمت بعمله
الاعضاء احلي منتدي الكرام.
وظيفة الكود
يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا
zip - rar - txt - mp3 - png - 3gp وغيرها
ويمكنك تغير الصورة علي حسب رغبتك
يمكنك وضع وضع صورة خاضة لكل امتداد.
مثال علي الكود
قبل وضع الكود
بعد وضع الكود
الكود
يمكنك اضافة المزيد من الامتدادت وهذا كود فارغ
طريقة التركيب
لوحة الادارة ==> مظهر المنتدي ==> الالوان ==> ورقة تصميم 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
الشرح فيديو : المشاهدة علي اليوتيوب مباشر !
ملحوظة هذا الكود يعمل مع الاصدارات الجديدة من المتصفحات التي تدعم
css3
والسلام عليكم ورحمة الله
اخوكم في الله احمد المصري
مواضيع مماثلة
» (شــرح ) اظهار الاقسام الفرعية بطريقة روعة ومميزة
» [CSS]كود لوضع صورة بجانب عنوان الموضوع
» كود لوضع صورة بجانب المنتدى على اليمين موضح بالصورة
» ممكن كود خلفية لصفحة معينة بطريقة خاصة
» كيف اضع نجمة بجانب اسم العضو اللي في مجموعة معينة ؟
» [CSS]كود لوضع صورة بجانب عنوان الموضوع
» كود لوضع صورة بجانب المنتدى على اليمين موضح بالصورة
» ممكن كود خلفية لصفحة معينة بطريقة خاصة
» كيف اضع نجمة بجانب اسم العضو اللي في مجموعة معينة ؟
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى