Zaloguj | Zarejestruj | FAQ
Anonymous

add icon to link by CSS

+ Odpowiedz

Posty: 4 Strona 1 z 1


add icon to link by CSS

przez نبض المحبه » Śr wrz 22, 2010 11:13 am

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

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

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

Add icon to link by CSS

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

Kod: Zaznacz cały
a[href^="http:"] {
background: url(link-img.gif) right no-repeat;
}


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

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

Obrazek

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>

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

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


الدرس منقول
Avatar użytkownika

نبض المحبه

  • Posty: 7
  • Dołączył(a): Wt wrz 21, 2010 9:51 am
  • Lokalizacja: C:\Appserv/www

Re: add icon to link by CSS

przez r7aaal » Wt paź 12, 2010 1:18 am

الف شكر حبيبي

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

r7aaal
Avatar użytkownika

r7aaal

  • Posty: 2
  • Dołączył(a): Wt paź 12, 2010 1:04 am

Re: add icon to link by CSS

przez نبض المحبه » Pt paź 22, 2010 6:17 pm

هلابك يا رحال

اتمنى ان تجدي نفعا هذه الطريقه وتكون سهله التعلم
Avatar użytkownika

نبض المحبه

  • Posty: 7
  • Dołączył(a): Wt wrz 21, 2010 9:51 am
  • Lokalizacja: C:\Appserv/www

Re: add icon to link by CSS

przez thestone » Pt lut 04, 2011 11:14 pm

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

thestone

  • Posty: 3
  • Dołączył(a): Pt lut 04, 2011 11:00 pm


+ Odpowiedz

Strona 1 z 1