أيقونة الموقع ( الفافيكون )

أيقونة الموقع

يقصد بأيقونة الموقع الأيقونة الصغيرة التي تظهر إلي يسار عنوان الموقع بصفحة المتصفح , ويطلق عليها اسم ( favicon )

ويمكنك تغيير الأيقونة الأساسية للمنتدي ( الصفراء اللون بالأعلي ) وذلك بإتباع الخطوات التالية:

- وحدة التحكم << إدارة عامة << الصفحة الرئيسية

قم بلصق الكود التالي ( بعد تعديله ) بحقل الميتا تاجز ( meta tags )

الكود:

قم بكتابة رابطة أيقونتك الخاصة مكان الرابطة الملونة بالأحمر
وللمعلومية يجب أن تكون الصورة بإمتداد ico وإلا لن تقبل في بعض برامج التصفح مثل الإنترنت إكسبلورر

لإستضافة الأيقونة علي أحد المواقع إليكم الرابطة التالية لموقع مجاني

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الرابطة التالية لموقع رائع ينشيء وييستضيف أيضا ً الأيقونات

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تعريف الفافيكون:

هو تلك الايقونة الصغيرة الموجودة في شريط العنوان في الاكسبلورر مثلا و هدفه تجميل الموقع او المنتدى:


هام جدا: لا يظهر الفافيكون في انترنت اكسبلورر! لا يظهر الا في انترنت اكسبلورر7 و فاير فوكس.
يجب ان يكون امداد الفافيكون "ico"


عليكم اولا بصورة صغيرة جدا ستكون الفافيكون، و لجعلها "ico" عليكم باتباع هده الخطوات:

1-افتح برنامج Paint ثم افتح صورتك فيه و اعد تسجيلها لكن هده المرة ضع اخر الاسم الموافق للصورة كلمة "ico" ثم سجل في حاسوبك.
2- لديك الفافيكون جاهزا الان :D عليك ادا بتحميله من هنا: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
3- عندما تتحصل على الرابط بعد التحميل قم بنسخه و وضعه في هدا الكود:

الكود:

<link rel="shortcut icon" type="image/x-icon" href="http://url_du_favicon.ico" />
<link rel="icon" type="image/png" href="http://url_du_favicon.ico" />

4- يمكنك وضع الكود في الميتاتاج (لوحة الادارة-عام-الصفحة الرئيسية-تشكيل) او في الصفحة الرئيسية او في البوابة.

السلام عليكم


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




الان سوف ابدا بالشرح كيف نغير الكاس الاصفر الى اي صورة اخرى تعجبنا

اضغط على الرابط الاتي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

لاحظ الطريقة بالصور















بعد ان تمت عملية تكوين الايقونة الان نقوم برفع الايقونة على مركز الرفع الاتي


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]










الان اصبح الايقونة جاهزة

اذهب الى لوحة الادارة

ثم شاهد بالصور












لا تنسى الضغط على كلمة سجل بعد اتمام العملية



الكود الذي يجب وضعه هو

الكود:

 <link rel="shortcut icon" type="image/x-icon" href="*****" />
<link rel="icon" type="image/png" href="******" />

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




بعدها اعمل معاينة للمنتدى و الف مبروك عليك الايقونة الجديدة

بالتوفيق ان شاء الله


:alien: