• 0

إضافة صورة بجانب عنوان الموقع - html

ايش الكود الي لازم اكتبه عشان احط ايقونة او صورة جنب عنوان الموقع ؟؟؟

بدون عنوان.png

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

من خلال ال html يمكن إضافتها من خلال الوسم link ويجب وضعه في ال head كالتالي

<head >
<link rel="icon" type="image/png" href="/favicon.png"/>
</head>

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

تدعى هذه الصورة التي تظهر في المتصفح باسم fav icon، ويتم تضمينها من خلال إضافة أسطر برمجية محددة ضمن الترويسة head في الصفحة الأساسية للموقع.

مثال:

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

ولكن قد يختلف أحجام الصورة و كود تضمينها حسب الأجهزة والمتصفحات، فعلى سبيل المثال نقوم بإضافة التضمين التالي من أجل متصفح safari من آبل:

<link rel="apple-touch-icon" href="http://example.com/images/apple-touch-icon.png" />

ولكن يمكن اختصار هذه العملية بالتوجه إلى الانترنت وكتابة favicon generator فهنالك العديد من المواقع التي تسمح لك برفع الصورة المرغوب إضافتها وهو يقوم بدوره بإعطائك جميع الأحجام لها والأكواد التي يجب إضافتها ضمن الترويسة.

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

في وسم head يُمكنك إضافتها و تُسمى favicon:

<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">

حيث من خلال الخاصية href تقومين بوضع مسارها و من خلال الخاصية type تُحددين نوعها.

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن