موقع جيد لصناعة أو تحويل الصورة لجعلها أيقونة للموقع favicon
السلام عليكم ورحمة الله وبركاته
أقدم لكم موقعاً جميلاً لتصميم أيقونة الموقع التي توضع بجانب عنوان الموقع
رابط الموقع
http://www.favicon.cc/
مثال أيقونة موقع طه سوفت :
بعد رسم الأيقونة بأدوات الرسم المتاحة تجد معانية لها في أيقونة الموقع نفسه
و صورة في الأسفل و زر التحميل كما يلي
كما يمكنك الضغط على زر
و الآن ماذا نفعل بالصورة التي حصلنا عليها
ضع الصورة في مجلد public_html أو www في موقعك
ثم ضع الكود التالي في هيدر الموقع header :
ملاحظة :
يمكن وضع صورة متحركة gif بدلاً من الصورة الثابتة
الطريقة :
قم بعمل متحركة بحجم 16 * 16 وقم بتسميتها favicon.gif يفضل وضعها في الـpublic_html
مثال
ثم وضع هذه الكود في هيدر الموقع
ملاحظة أخيرة :
هناك بعض المواقع ( وهي قليلة ) لن تظهر لك الصورة بعد وضعها و اتباع الخطوات بشكل صحيح
لانها لا تدعم هذا
ولكن يمكن التغلب على هذه المشكلة برفع الصورة إلى أحد مواقع رفع الصور أو إلى أحد المواقع
المجانية ووضع المسار الخاص بالصورة في الكود السابق بدلاً من المسار الحالي المباشر
هذه ليست الطريقة الحصرية ولكن هناك الكثير من الطرق لها
وبعد أن أنهيت كتابة موضوعي تذكرت أن الأخ محمد نشواتي ناقش هذه الفكرة سابقاً
في موضوعه الموجود هنا ولكن لا بأس من طرح طريقة ثانية ...
أقدم لكم موقعاً جميلاً لتصميم أيقونة الموقع التي توضع بجانب عنوان الموقع
رابط الموقع
http://www.favicon.cc/
مثال أيقونة موقع طه سوفت :
بعد رسم الأيقونة بأدوات الرسم المتاحة تجد معانية لها في أيقونة الموقع نفسه
و صورة في الأسفل و زر التحميل كما يلي
كما يمكنك الضغط على زر
Import Image
لرفع صور من جهازك ( تصممها بالفوتوشوب مثلاً ) لتحويلها إلى أيقونة موقعو الآن ماذا نفعل بالصورة التي حصلنا عليها
ضع الصورة في مجلد public_html أو www في موقعك
ثم ضع الكود التالي في هيدر الموقع header :
ملاحظة :
يمكن وضع صورة متحركة gif بدلاً من الصورة الثابتة
الطريقة :
قم بعمل متحركة بحجم 16 * 16 وقم بتسميتها favicon.gif يفضل وضعها في الـpublic_html
مثال
ثم وضع هذه الكود في هيدر الموقع
ملاحظة أخيرة :
هناك بعض المواقع ( وهي قليلة ) لن تظهر لك الصورة بعد وضعها و اتباع الخطوات بشكل صحيح
لانها لا تدعم هذا
ولكن يمكن التغلب على هذه المشكلة برفع الصورة إلى أحد مواقع رفع الصور أو إلى أحد المواقع
المجانية ووضع المسار الخاص بالصورة في الكود السابق بدلاً من المسار الحالي المباشر
هذه ليست الطريقة الحصرية ولكن هناك الكثير من الطرق لها
وبعد أن أنهيت كتابة موضوعي تذكرت أن الأخ محمد نشواتي ناقش هذه الفكرة سابقاً
في موضوعه الموجود هنا ولكن لا بأس من طرح طريقة ثانية ...
لك تحيتي