- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة
-
- [شرح]:
-
26-06-2017 07:53 صباحاً
-
kareemمعلومات الكاتبموقوف....
- انضم في :
- 03-03-2014
- رقم العضوية :
- 5072
- المشاركات :
- 1639
- الجنس:
- الدعوات:
- 2
- قوة السمعة:
- 8650
-
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في هذا الشرح السريع سنتعرف على ايقونة favicon التي تظهر بجانب اسم الموقع في الشريط العلوي للمتصفح كالتالي

في برنامج المنتدى الملف favicon.ico موجود في مجلد المنتدى ارفع الملف الخاص بموقعك بدل منه وسيظهر مكانه في شريط المتصفح
ولكن المتصفحات تتطور وتزداد المتطلبات لتظهر صورة موقعك عليها بالشكل المناسب هذا مثال لمتصفح كروم على نظام أندرويد

انظر كيف تظهر صورة الفيسبوك واليوتيوب لأنها مواقع أضافت معرفات جديدة ل favicon
طريقة إضافة صورة الموقع بدل أول حرف من النطاق
يكفي أن ترفع صورة اسمها
apple-touch-icon.png
لمجلد منتداك بالأبعاد 180x180
ثم تدخل للوحة الإدارة وتحرر القالب
headinclud
وتبحث عن
CODE<link rel="shortcut icon" href="{$ForumAdress}favicon.ico" />
وتضيف تحتها
CODE<link rel="apple-touch-icon" href="{$ForumAdress}apple-touch-icon.png" />
ثم تحفظ القالب
إذا لا يوجد لديك ملف favicon.ico يمكنك رفع صورة بالأبعاد 16x16 لمجلد المنتدى وتحرر القالب headinclud
وتستبدل
CODE<link rel="shortcut icon" href="{$ForumAdress}favicon.ico" />
ب
CODE<link rel="icon" href="{$ForumAdress}favicon.png" type="image/x-icon" />
وتحفظ القالب
عند رفع صورة بدل صورة ل favicon قد يتأخر تحديثها بسبب حفظ السابقة بكاش السيرفر والمتصفح وإذا كنت تستعمل cloudflare ستتأخر أكثر لتسريع ظهور الجديدة ادخل لصفحة التحكم بكلاود فلير وامسح الملف من الكاش.
مواقع مفيدة
موقع يتيح لك رفع صورة وينتج لك ملفات favicon والأكواد لتضيفها في الهيدر لدعم أغلبية المتصفحات على مختلف الأجهزة.
<cite>www.favicon-generator.org/</cite>
وموقع آخر
<cite>realfavicongenerator.net/</cite>
دمتم بخير
-
-
شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة26-06-2017 01:21 مساءً [1]
-
أبو أنس السيوطيمعلومات الكاتبالأعضاءعضـو مشارك
- انضم في :
- 29-05-2016
- رقم العضوية :
- 6689
- المشاركات :
- 12
- الدولة :
- مصر
- الجنس:
- تاريخ الميلاد :
- 9-11-1991
- قوة السمعة:
- 0
- موقعي:
- زيارة موقعي
-
وعليكم السلام ورحمة الله وبركاته
جزاك الله خيرا اخي كريم
شرح سهل ومبسط
وقليل من يهتم بهذه الأشياء الصغيرة
التي تجعل المنتدى أكثر احترافية
اسأل الله لك التوفيق ولا تحرمنا من كل ما هو جديد
-
-
شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة26-06-2017 01:34 مساءً [2]
-
عبدالاله الهذليمعلومات الكاتبالأعضاءعضـو متميز
- انضم في :
- 23-08-2016
- رقم العضوية :
- 6837
- المشاركات :
- 507
- الدولة :
- المملكة العربية السعودية
- الجنس:
- تاريخ الميلاد :
- 17-9-1999
- الدعوات:
- 2
- قوة السمعة:
- 1090
-
صراحة أهنيك بـ أعماق قلبي ، أبدعت وكسرت روتين الأبداع .
سلمت على الشرح المميز يالمميز
-
-
شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة26-06-2017 10:32 مساءً [3]
-
kareemمعلومات الكاتبموقوف....
- انضم في :
- 03-03-2014
- رقم العضوية :
- 5072
- المشاركات :
- 1639
- الجنس:
- الدعوات:
- 2
- قوة السمعة:
- 8650
-
المشاركة الأصلية كتبت بواسطة: أبو أنس السيوطي وعليكم السلام ورحمة الله وبركاته
جزاك الله خيرا اخي كريم
شرح سهل ومبسط
وقليل من يهتم بهذه الأشياء الصغيرة
التي تجعل المنتدى أكثر احترافية
اسأل الله لك التوفيق ولا تحرمنا من كل ما هو جديدالمشاركة الأصلية كتبت بواسطة: عبدالاله الهذلي صراحة أهنيك بـ أعماق قلبي ، أبدعت وكسرت روتين الأبداع .
سلمت على الشرح المميز يالمميز
شكرا على المرور والإهتمام.
-
-
شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة28-06-2017 09:26 مساءً [4]
-
mc nabulsyمعلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 11-04-2016
- رقم العضوية :
- 6595
- المشاركات :
- 145
- الدولة :
- فلسطين
- الجنس:
- تاريخ الميلاد :
- 11-9-1998
- قوة السمعة:
- 600
- موقعي:
- زيارة موقعي
-
شكرا لك
-
تم تحرير المشاركة بواسطة :mc nabulsy بتاريخ:28-06-2017 10:24 مساءً
-