من : غزل..ᥫ᭡
يَارب لُطفك بقلوبِنا وأحوالِنا وأيامِنا، واجعلْ لَنا فيها من الخيرِ الكَثير، وتولّ ما في قلوبِنا بفضلِك وسعتِك يا وهابَ السّعة♥️🕊
من : غزل..ᥫ᭡
ياهلا فيك @Gardi نورتي مكانك .. الحمد الله على كل حال .. 🌺🕊
من : مرحبا -  Gardi
إضافات جميلة بالمنتدى والإهداء كلش حلو …. شلونكم حبايب
  • من : غزل..ᥫ᭡
    يَارب لُطفك بقلوبِنا وأحوالِنا وأيامِنا، واجعلْ لَنا فيها من الخيرِ الكَثير، وتولّ ما في قلوبِنا بفضلِك وسعتِك يا وهابَ السّعة♥️🕊
  • من : غزل..ᥫ᭡
    ياهلا فيك @Gardi نورتي مكانك .. الحمد الله على كل حال .. 🌺🕊
  • من : مرحبا
    إضافات جميلة بالمنتدى والإهداء كلش حلو …. شلونكم حبايب
  • منتديات شباب الرافدين .. تجمع عراقي يقدم محتوى مميز لجميع طلبة وشباب العراق .. لذا ندعوكم للانضمام الى اسرتنا والمشاركة والدعم وتبادل الافكار والرؤى والمعلومات. فأهلاَ وسهلاَ بكم.
Ibn AliraQ

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

Ibn AliraQعضوية موثقة

ヅ واحد من الناس ヅ

المدير العام للمنتديات
السمعة: 100%
2018-08-28
17,524
6,923
297
العراق
www.shababalrafedain.com
جوهرة
დ118,740
الجنس
ذكر
صبحكم الله بالخير والنور والسرور

درسنا اليوم هو : كيف تظهر أيقونة بنفس شعار الموقع بجوار العنوان في اعلى المتصفح؟

بسم الله نبدأ :

يتم عن طريق استخدام الوسم LINK مع اضافة سمة العلاقة REL وسمة الرابط او المسار HREF ونوع الملف إذا كان صوره او ايقونة TYPE:

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

نشوف مثال؟
اوك d.gif

HTML:
<!DOCTYPE html>
<html>
    <head>
        <title>تجمع شباب الرافدين</title>
        <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    </head>
    <body>
        محتويات الموقع
    </body>
</html>

هذا مثال بسيط يوضح المكان الصحيح الذي يتم وضع وسم link به وهو بداخل الوسم head ولا يُنصح بوضعه خارج هذا الوسم لان هذا هو مكانه الصحيح.


وكما ترى قمنا بوضع سمة rel ومحتواها هو shortcut ثم مسافة icon وتعني هذه الكلمات انها علاقة طريقة مختصره لرمز او لأيقونة.


ثم استخدما href لجلب الصورة او الأيقونة التي ستظهر بجانب عنوان الموقع وغالباً يكون المسار هو ./favicon.ico وهذا اﻷسم افتراضي وليس اجباري ولكن انصح بتسميته هكذا ووضعه بجوار الملف الأساسي لموقعك index.html ولا تضعهُ بداخل مجلد آخر على سبيل المثال img/favicon.ico. لماذا؟! هذا ﻷن المتصفحات الحديثة تقوم بالبحث تلقائي عن مسار هذه اﻷيقونه لوضعها كشعار بجانب عنوان الموقع إذا كنت نسيت او تعمدت عدم وضع هذا الوسم المسؤل عن اظهار تلك اﻷيقونة.

ثم type التي تحتوي على هذا النوع image/x-icon وهذا ليس إلزامي ويمكنك تجاهل هذه النقطة.

وبس والله.
مودتي
 
إشعار - Mention رد
  • حبيت
التفاعلات: سليم البصري
تقبل حضوري في صرحك الجميل مع خالص الاحترام
زهور الياسمين
لشخصك
تحياتى
****
 
إشعار - Mention رد
شكرا للجهد والمتابعة وتواصلكم المستمر في رفد المنتدى بالمشاركات
 
إشعار - Mention رد
Similar threads الاكثر مشاهدة عرض المزيد
عودة
أعلى أسفل