تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

add icon to link by CSS

+ إضافة رد

4 مشاركة صفحة 1 من 1


add icon to link by CSS

بواسطة نبض المحبه » الأربعاء سبتمبر 22, 2010 11:13 am

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

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

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

Add icon to link by CSS

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

CODE: تحديد الكل
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
  • اشترك في: الثلاثاء سبتمبر 21, 2010 9:51 am
  • مكان: C:\Appserv/www

Re: add icon to link by CSS

بواسطة r7aaal » الثلاثاء أكتوبر 12, 2010 1:18 am

الف شكر حبيبي

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

r7aaal
صورة العضو الشخصية

r7aaal

  • مشاركات: 2
  • اشترك في: الثلاثاء أكتوبر 12, 2010 1:04 am

Re: add icon to link by CSS

بواسطة نبض المحبه » الجمعة أكتوبر 22, 2010 6:17 pm

هلابك يا رحال

اتمنى ان تجدي نفعا هذه الطريقه وتكون سهله التعلم
صورة العضو الشخصية

نبض المحبه

  • مشاركات: 7
  • اشترك في: الثلاثاء سبتمبر 21, 2010 9:51 am
  • مكان: C:\Appserv/www

Re: add icon to link by CSS

بواسطة thestone » الجمعة فبراير 04, 2011 11:14 pm

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

thestone

  • مشاركات: 3
  • اشترك في: الجمعة فبراير 04, 2011 11:00 pm


+ إضافة رد

صفحة 1 من 1