登录 | 注册 | FAQ
Anonymous

add icon to link by CSS

+ 发表回复

4 篇帖子 分页: 1 / 1


add icon to link by CSS

نبض المحبه » 周三 9月 22, 2010 11:13 am

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

اليوم رح ابدا بدرس بسيط

الفائده منه اضافة صور لللروابط بشكل تلقائي

Add icon to link by CSS

الطريقه بسيطه وهي

代码: 全选
a[href^="http:"] {
background: url(link-img.gif) right no-repeat;
}


http نوع الرابط تستطيع تغييرها ب pdf swf mail zip rar

url(link-img.gif) رابط الايقونه

图片

add 2 or more link

a[href$='.zip'], {
padding: 5px 20px 5px 0;
background: transparent url(icon_archive.gif) no-repeat center right;
}

بمعنـى ..
أي رابط أو وسم (a) يبدأ بـ http: سيأخذ هذه الخصائص الموجودة

هنا أضفنا خلفية لا تتكرر وتكون ناحية اليمين


الرابط يجب ان يكون مستخدم التاق <a>

وشكرا لكم
انتظرو منا دروس اخرى

اي سؤال انا موجود


الدرس منقول
头像

نبض المحبه

  • 帖子: 7
  • 注册: 周二 9月 21, 2010 9:51 am
  • 地址: C:\Appserv/www

Re: add icon to link by CSS

r7aaal » 周二 10月 12, 2010 1:18 am

الف شكر حبيبي

وجاري التنفيذ

r7aaal
头像

r7aaal

  • 帖子: 2
  • 注册: 周二 10月 12, 2010 1:04 am

Re: add icon to link by CSS

نبض المحبه » 周五 10月 22, 2010 6:17 pm

هلابك يا رحال

اتمنى ان تجدي نفعا هذه الطريقه وتكون سهله التعلم
头像

نبض المحبه

  • 帖子: 7
  • 注册: 周二 9月 21, 2010 9:51 am
  • 地址: C:\Appserv/www

Re: add icon to link by CSS

thestone » 周五 2月 04, 2011 11:14 pm

شكرا على الدرس
يبدوو رائع , سأقوم بتنفيذه حين انتهى من تعلمى css
头像

thestone

  • 帖子: 3
  • 注册: 周五 2月 04, 2011 11:00 pm


+ 发表回复

分页: 1 / 1