تغيير الخلفيات والهيدر في المدونة بإحترافية ( مثل الموجودة بمدونتي وأكثر ) الطريقة بالتفصيل الممل ~ كود وضع خلفيه لون او صورة ~ كود وضع الخلفية الثابتة ~

بسم الله الرحمن الرحيم ,

/

انا غيرت طريقه الخلفيه والهيدر بمدونتي ..

وصراحححة حسسيت إنه موضوع مهم ولازم احطه ب موضوع

عشان انا ما اضيع االاكواد .. وانتو تستفيدون ^_^

يلاااااا بسم الله نبدأ بأول نقطة بالموضوع 

 وضع صورة في اي مكان من تحرير الـ HTML :

رمز HTML :

<img src='رابط الصورة '/>

 الحين نجي للهيدر ..

تصميم > عناصر الصفحة > تهيئة رأس الصفحة ( تحرير )

ونختار الصورة من جهاز الكمبيوتر او من الويب ثم نحط دائرة على >  بدلاً من العنوان والوصف

ثم نضغط على حفظ

----------

- اما اذا ماقدرنا نضيف الصورة وماكانت مثل اللي نبيه  ..

نبحث  من عند تصميم > تحرير الـ HTML

على كلمة 

رمز HTML :

/* Header

وناخذ الكود التالي ونضيفة تحت الكلمة السابقة 

رمز HTML :

background-image: url(رابط الصورة);

اما لو كنا نبغي خلفيه بلون فقط نحط الكود التالي 

رمز HTML :

background: #ffffff ;

نختار كود اللون من هنا

ونجرب كذا مره المهم يكون تحت كلمة هيدر

 ونضغط على معاينة الين مانشوف إنه ظبط الهيدر معنا وصار كويييس ..

ونفس اللي صار نسويه على الخلفية

نبحث في تحرير الـ HTML 

على كلمة 

رمز HTML :

/* Content

وناخذ الكود التالي ونضيفة لتحت الكلمة السابقة

رمز HTML :

background-image: url(رابط الصورة);

واذا بغينا الخلفيه لون فقط 

نضيف الكود التالي 

رمز HTML :

background: #ffffff ;

نختار كود اللون من هنا

ونجرب كذا مره المهم يكون تحت كلمة كونتنت

 ونضغط على معاينة الين مانشوف إنه ظبط الخلفية معنا وصار كويييس ..

----------

الحين نجي لطريقة وضع خلفية وهيدر ثابت مثل اللي بمدونتي الحين ..

نروح لـ تصميم > عناصر الصفحة > تهيئة رأس الصفحة ( تحرير )

ونختار الصورة من جهاز الكمبيوتر او من الويب ثم نحط دائرة على >  بدلاً من العنوان والوصف

ونضيف صورة شفافة 

هذا رابط الصورة الشفافة للي ماعنده

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_FhP0_FqmNBzI-HJIzT4mnRe0OGr87nYa-pqKCt2dDe37eDJ3UJ8VCF9M2JVwZgMIGQiWiEy_gOXKj-wzNvCCZyotjNjn02RtbZsuOR0rZU7v3OqzDhqRxdEULc-XOCxbzhKj0cgr_s/s1600/_1.png

ونضغط على حفظ 

----------

ونبحث الحين عند هالكلمة

 من عند تصميم > تحرير الـ HTML

رمز HTML :

/* Content

ونضيف الكود التالي ( وهو كود الخلفية الثابته )

تحت الكود السابق ..

رمز HTML :

background-image: url(رابط الصورة);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: left top;

بالنسبة لي انا وضعته تحت هاذي الجمله في تحرير الـ HTML 

رمز HTML :

.content-inner {
  background: $(content.background);
  background-position: left -$(content.imageBorder.top.space);
  background-color: $(content.background.color);
  padding: $(content.padding);
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdIcC4_4aoDUYSuoP8QAVbo_FSsL6xdeGFsiHLc6drhI1U72Ta2BDtx-rQdIGonL_OGD-1dnDTD4mIDQnikc6NN_qTT3dQXuH9KHS2-bGvOrMHKkFDUAQOI9mE5ZLlHePdJBZZaFduuc/s1600/tb3.png);
  background-repeat: no-repeat; 
  background-attachment: fixed;
  background-position: left top;

}

وخلاص كذا انتهينااااااا

اللي عنده اي سسسؤااال انا حااااااضرررررة

بالتوفيق للجميع ياااااااااااااارب ..

~