شرح ~ تغيير الخلفيات والهيدر في المدونة بإحترافية

الرئيسية تطوير بلوجر كل شرح ~ تغيير الخلفيات والهيدر في المدونة بإحترافية

شرح ~ تغيير الخلفيات والهيدر في المدونة بإحترافية

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

موضوع مهم ولازم احطه ب موضوع

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

مشاهده المثال الحي للخلفية الثابتة من هنا

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

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

HTML Code:

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

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

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

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

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

----------

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

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

على كلمة

HTML Code:

/* Header

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

HTML Code:

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

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

HTML Code:

background: #ffffff ;

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

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

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

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

على كلمة

HTML Code:

/* Content

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

HTML Code:

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

واذا بغينا الخلفيه لون فقط
نضيف الكود التالي

HTML Code:

background: #ffffff ;

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

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

----------

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

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

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

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

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

http://3.bp.blogspot.com/-MzmmNBdEfA...8/s1600/_1.png

ونضغط على حفظ

----------

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

HTML Code:

/* Content

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

HTML Code:

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

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

HTML Code:

.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/AVvXsEif9778ySnjwBVymefP1V8oqKcdzvlxjA9W1SLRSZP7fqKzqDsw0r3JLf2he4ozxcU9nUw05v1DobpHMcwZ_0UDjuHW0lTtFGiS56Q_SJHxtg0QbniNFFHZ-JsKQ2ArKQtNaqxYpUIgrzc/s1600/tb3.png);
  background-repeat: no-repeat; 
  background-attachment: fixed;
  background-position: left top;

}

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

اللي عنده اي سسسؤااال انا حااااااضررررر
بالتوفيق للجميع ياااااااااااااارب ..

رابط الموضوع الأصلي :

http://dl3soso.blogspot.com/2011/11/background-blogger.html

الوسوم: تطوير بلوجر كل

وصف المدون

احدث المقالات

المشاركات الشائعة

الوسوم

التعليقات

تطوير بلوجر

التصنيفات

احدث المقالات