أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة



  • [شرح]:
26-06-2017 07:53 صباحاً
kareem
معلومات الكاتب
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته



في هذا الشرح السريع سنتعرف على ايقونة favicon التي تظهر بجانب اسم الموقع في الشريط العلوي للمتصفح كالتالي



شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة

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

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



شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة

انظر كيف تظهر صورة الفيسبوك واليوتيوب لأنها مواقع أضافت معرفات جديدة ل 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>



دمتم بخير

look/images/icons/i1.gif شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة
  26-06-2017 01:21 مساءً   [1]
أبو أنس السيوطي
معلومات الكاتب
وعليكم السلام ورحمة الله وبركاته

جزاك الله خيرا اخي كريم

شرح سهل ومبسط

وقليل من يهتم بهذه الأشياء الصغيرة

التي تجعل المنتدى أكثر احترافية

اسأل الله لك التوفيق ولا تحرمنا من كل ما هو جديد

look/images/icons/i1.gif شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة
  26-06-2017 01:34 مساءً   [2]
عبدالاله الهذلي
معلومات الكاتب
صراحة أهنيك بـ أعماق قلبي ، أبدعت وكسرت روتين الأبداع .

سلمت على الشرح المميز يالمميز

look/images/icons/i1.gif شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة
  26-06-2017 10:32 مساءً   [3]
kareem
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: أبو أنس السيوطي وعليكم السلام ورحمة الله وبركاته

جزاك الله خيرا اخي كريم

شرح سهل ومبسط

وقليل من يهتم بهذه الأشياء الصغيرة

التي تجعل المنتدى أكثر احترافية

اسأل الله لك التوفيق ولا تحرمنا من كل ما هو جديد
المشاركة الأصلية كتبت بواسطة: عبدالاله الهذلي صراحة أهنيك بـ أعماق قلبي ، أبدعت وكسرت روتين الأبداع .

سلمت على الشرح المميز يالمميز



شكرا على المرور والإهتمام.

look/images/icons/i1.gif شرح كيفية وضع صورة favicon ليظهر على معظم الأجهزة
  28-06-2017 09:26 مساءً   [4]
mc nabulsy
معلومات الكاتب
شكرا لك

تم تحرير المشاركة بواسطة :mc nabulsy بتاريخ:28-06-2017 10:24 مساءً



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
كيفية إظهار المشاركات وتاريخ التسجيل في الرئيسية Sofiene2023
9 437 الوردة الحمراء
كيفية إنشاء موقع يشبه ChatGPT واستضافته باستخدام Replit وGitHub وRender rabeh20080
3 1074 rabeh20080
كيفية تكبير معلومات الكاتب في ستايل هيلبرنت الأخضر smaildodo
2 423 smaildodo
كيفية اظهار صورة من داخل المواضيع مكان الأيقونة Alashkar
6 459 Alashkar
(تم الحل) كيفية اظهار توقيت كتابة المواضيع في القسم Alashkar
1 443 Alashkar

الكلمات الدلالية






الساعة الآن 02:24 AM