المنتدى الحالى: تطوير المواقع و لغاتها ,الموضوع الحالي: شرح بالصور طريقة اضافة أيقونة مميزة لموقعك (Favicon) , المنتدى الرئيسي: البرمجة و الجرافيك و البرامج و الكتب الإليكترونية, نبذة من الموضوع: السلام عليكم و رحمة الله و بركاته ما هى الـFavicon : كلمة (Favicon) هي اختصار لـ(Favourite icon) وتنطق (Fav - ...

لنك مختصر للموضوع: http://forum.egypt.com/arforum/showthread.php?t=21366

mannoo2005 · #1 (**permalink**) 18-05-2008

السلام عليكم و رحمة الله و بركاته
ما هى الـFavicon :
كلمة (Favicon) هي اختصار لـ(Favourite icon) وتنطق (Fav - eye - con)، وهي عبارة عن صورة صغيرة ( بحجم 16*16 بكسل وفي بعض الأحيان تكون
32*32 بكسل ) تظهر بجانب رابط الموقع في الأعلى وفي المفضلة (Favourite)، وقد أنشأت شركة Microsoft هذه الخاصية لمتصفحها Internet Explorer ثم بدأت بقية
المتصفحات باعتمادها
فائدة الـFavicon :
يقوم الزائر في العادة بتخزين العديد من المواقع في مفضلته، وقد يكون موقعك من ضمنهم، وأغلب هذه المواقع يكون بجانب اسمها صورة ورقة أو إشارة e أو ماشابه، وهي علامة موحّدة، فماذا لو كان موقعك لديه صورة خاصة؟، بالتأكيد ستجذب الصورة
انتباه الزائر كلما مر على مفضلته وهذا يجعله في متابعة مستمرة لموقعك، ولها فوائد أخرى.

Egypt.Com - منتديات مصر

مواقع تستخدم الـFavicon:
هناك الكثير من المواقع التي تستخدمه، وخصوصاً الكبيرة والرسمية في العادة:
Google
Yahoo
MSN
وغيرها الكثير
الطريقة سهلة وهي عبارة عن اربع خطواب بسيطة:
1- اختآر صورة من عندك لتكون صورة لموقعك
2- اذهب الى هذا الموقع http://www.hostchance.com/favicon
و ارفع الصورة التى اخترتها عليه كما بالصورة

3- بعد ذلك سينتج ملف مضغوط به الأيقونة الناتجة باسم " favicon.ico" كما بالصورة

4- تقوم بوضعها فى موقعك فى المجلد الرئيسى لموقعك أو منتداك ثم تضع هذا الكود بعد كلمة <head>

كود:

<link href='/favicon.ico' rel='icon'/> 
<link href='/favicon.ico' rel='shortcut icon'/> 
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

احفظ التعديلات واعد تحميل صفحة موقعك الرئيسية. وإن شاء الله راح تشتغل. ولو أردت تغيير الصورة فقط ارفع صور جديدة للموقع
و ان شاء الله هتشتغل
اتمنى أن يكون الدرس مفيداً

زكريا حبشى · #2 (**permalink**) 20-06-2008

[TABLE1="width:95%;background-image:url('http://forum.egypt.com/arforum/mwaextraedit2/backgrounds/17.gif');border:9px inset green;"]

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
شرح شرح بالصور طريقة مميزة لرفع الصور لأحد مواقع الرفع ومن ثم تنزيلها للمنتدى	APPZA	منتدى البرامج العام	0	15-08-2009 06:40 AM
طريقة اضافة صورة متحركة لعمل ثابت	ŞŸŞŤЁМ	مقالات و دروس مكتوبة	4	16-04-2009 10:30 AM
خطوط جديده بالصور مميزة.. New Font ..}	زكريا حبشى	مديرى انظمه التشغيل	0	26-07-2008 08:42 PM
الدرس العاشر (فيديو)- طريقة اضافة صورة + ملفswf	ŞŸŞŤЁМ	دروس الفيديو	3	29-06-2008 08:39 PM
درس طريقة تصميم ستارة رائعة وستائر مميزة	Ayman Kimo	مقالات و دروس مكتوبة	0	28-11-2007 11:03 PM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)