كيف يمكنني إضافة خلفية ثابتة غير مكررّة لموقعي؟

صهيب · 15 سبتمبر 2015

كيف يمكنني وضع خلفية كاملة غير متكررة في موقعي ؟

mutaz_hakmi · 15 سبتمبر 2015

يمكنك ذلك بسهولة باستخدامك النص البرمجي التالي:

<!DOCTYPE html>
<html>
<head>
  <title>Academy Of Hsoub</title>
  <meta charset="utf-8" />
</head>
body {
    background-position: center;
    background-image: url("http://www.yoursite.com/imageurl.jpg");
    background-attachment: fixed;
}
</body>
</html>

كلمة "fixed" في السطر العاشر تعني عدم تكرار الصورة في الخلفية.

ينصح دائماً بإستخدام أبعاد الصورة "1280*800" بكسل لأنه البعد المتناسب مع معظم شاشات الأجهزة المحمولة ذات الدقة: "1366*768".

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

كيف يمكنني إضافة خلفية ثابتة غير مكررّة لموقعي؟

السؤال

صهيب

رابط هذا التعليق

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

1 جواب على هذا السؤال

Recommended Posts

mutaz_hakmi

رابط هذا التعليق

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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية