وصف الموضوع

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

الأوسمة :
ico| أيقونة
في التصنيفات :تصميم و تطوير المواقع

إذا أردت أن تضع وصلة للموضوع في موقعك أو في منتدى يمكنك استخدام الوصلة التالية .

الشفرة :
<a href="http://qatardr.net/class/11" rel="bookmark" > كيف تضيف ايقونة المفضلة لموقعك</a>

اضغطCtrl-C أو Apple-C  للنسخ

الوصلة ستظهر كالتالي :
كيف تضيف ايقونة المفضلة لموقعك

هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]

كيف تصنع الايقونه ؟

عليك أولا الحصول على برنامج محرر للايقونات يحول الصور إلى امتداد .ICO و المتصفحات الحديثة الآن تدعم الصور المتحركة من نوع gif و png

• يمكنك استخدام محررنا للأيقونات على الخط ( صانع أيقونات المفضلة )
• هناك الكثير من البرامج مثل icon forge .عند صنعك الايقونه تاكد من أن حجمها 16 *16 pixels و انها من نسق win32و لا تزيد عن 256لون .
• و هناك إضافة لبرنامج الفوتوشوب تمكنك من فتح و تحرير ملفات ico يمكنك ان تجدها هنا ..

كيف تضع الايقونة في مكانها الصحيح ؟

هذا بالنسبة إذا كنت تملك نطاقك الخاص yoursite.com مثلا .

• تاكد من تسمية الايقونه بــ favicon.ico حملها إلى المجلد الرئيسي في موقعك .
• المتصفح انترنت اكسبلورر 5 مصمم ليبحث في المجلد الرئيسي للموقع عن الايقونه favicon.ico

أما إذا لم تكن تملك نطاقك الخاص..فمازلت تستطيع ان تحصل على ايقونتك الخاصة .

• حمل الايقونه إلى حيثما تريد .. و في منطقة الرأس head tag ضع الكود التالي
• و استبدل your-url بعنوان الكامل لمكان تخزين الايقونة.

حاليا يتم النصح بارفاق هاتان الشفرتان :

<link rel="shortcut icon" href="http://yoursite.com/favicon.ico" type="image/vnd.microsoft.icon" />

<link rel="icon" href="http://yoursite.com/favicon.ico" type="image/vnd.microsoft.icon" />

أين يمكنك مشاهدة هذه الايقونات ؟

سيتمكن الزائر من مشاهدتها في متصفحه بمجرد أضافته للصفحة في المفضلة .

1- يمكنه مشاهدتها في القائمة المفضلة .

2- يمكنه مشاهدتها في شريط العنوان إلى جانب عنوان الموقع .

يمكنك ان تجد محرر ايقونات على الخط بالإضافة إلى معلومات اخرى في هذا الموقع :http://www.favicon.com/

• اضيف  في 5 يوليو 2001
• الزوار : [ 10,387 قارئ ]
• هذا الموضوع مرخص وفق ترخيص Creative Commons.[ معلومات إضافية حول الترخيص بالعربية]