اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

مرحباً بك.

يتم اضافة أيقونة للموقع عبر إضافة العنصر التالي داخل عنصر head في ملف html الخاص بالصفحة كالتالي:

<link rel="icon" href="هنا رابط الأيقونة">

بالنسبة لجعل مواقعك متوافقة مع جميع أحجام الشاشات فهذا يعرف بجعل التصميم مستجيب ويتطلب عدد من التعديلات على ملفات CSS الخاصة بالموقع.
يمكنك الاطلاع على الصفحة التالية للتعرف على هذا الموضوع بصورة أكبر Responsive Web Design.

  • 0
نشر
بتاريخ 30 دقائق مضت قال ملك..:

لوسمحتم..

في الصورة الآتيه ايقونة بجانب اسم الموقع  كيف أضيف هذا لموقعي؟

وأيضا سؤال أخر كيف أجعل موقعي حجم شاشته عند التصفح مناسبه للاب والايفون والايباد كحجم؟

٢٠٢٠٠٥٢٧_١٧٥٩٤٣.jpg

مرحباً ملك: 

  1. الصورة هذه تسمى favicon ويمكنك إضافتها عن طريق وسم link في ملف ال HTML هكذا 
<link rel='icon' href='favicon.ico' type='image/x-icon'/ >

    2. لكي تجعل موقعك متجاوباً لكل الشاشات يمكنك إستخدام أحد الطرق الآتية :

           1. تعلم ال MediaQuery ويمكنك تعلمها من هنا 
           2. أو يمكنك إستخدام إطار عمل مثل Bootstrap.

  • 0
نشر (معدل)

مرحبا @ملك..
يمكنك إضافة الأيقونة بإستخدام الكود التالي 

<head>
  
  // .....
  
  // تضع سورس الأيقونة داخل href
  <link rel="shortcut icon" href="favicon.ico" />
  
  // .....
  
</head>

بالنسبة للسؤال الثاني تستطيع جعل الموقع الخاص بك رسبونسيف  responsive متجاوب مع جميع الشاشات بإستعمال الطرق التالية

  1. Media Queries
  2. Viewport
  3. Responsive Grid-View
  4. Css framework مثل ( bootstrap , foundation , materialize , .....)

بالتوفيق

تم التعديل في بواسطة عبود سمير

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...