كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة
صفحة 1 من اصل 1 • شاطر •
كود خطير لوضع صورة بجانب روابط معينة بطريقة روعة
السلام عليكم ورحمة الله وبركاته
اقدم لكم الكود الحصري الذي قد قمت بعمله
الاعضاء احلي منتدي الكرام.
وظيفة الكود
يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا
zip - rar - txt - mp3 - png - 3gp وغيرها
ويمكنك تغير الصورة علي حسب رغبتك
يمكنك وضع وضع صورة خاضة لكل امتداد.
الكود
css3
والسلام عليكم ورحمة الله
اقدم لكم الكود الحصري الذي قد قمت بعمله
الاعضاء احلي منتدي الكرام.
وظيفة الكود
يضع صورة بجانب كل امتداد تحدده مثل هذه الصيغ مثلا
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;}
css3
والسلام عليكم ورحمة الله
GeNeRaL- المدير العام
- عدد المساهمات : 173
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى