وضع خلفيه لرأس المدونة

وضع خلفيه شخصيه لرأس المدونة

background for blog header

اولا وقبل بدأ الشرح فى الموضوع لازم يكون عندنا سيرفر شخصى نرفع عليه ملفاتنا الشخصية زى الصور او الفيديو وغيرها , طيب ازاى نشترك ؟
فى الحقيقة فيه كذا موقع بقدم مساحات مجانا لكن لحسن الحظ ان جووجل العملاق فيه الخدمة دى وهايمنحنا 100 ميجا نستخدمهم فى رفع الملفات , طيب ... عايز تشترك ؟
طبعا انتا معاك حساب فى جوجل هاتدخل http://www.pages.google.com/
وهاتنشأ حساب باسمك ويكونلك 100 ميجا مجانا عشان نرفع عليها الملفات اللى هانستخدمها فيما بعدبعد ماتنشأ الحساب ده هاتلاقى زرار على اليمين ubload

دوس عليه هايطلع زرار browse

اختار الملف اللى هاترفعه وشكرا



طيب .. نخش بقا فى موضوعنا وهو ازاى نعمل صورة خلفية لرأس المدونة


اولا : تجهز الصورة من خلال اى برنامج تحرير صور زى الفوتو شوب او اى برنامج تانى

ثانيا : تظبط مقاس الصورة تخليه 660 بيكسل عرض وحوالى 150 بيكسل طول والمقاسات دى قابلة للتغيير ويمكنك تعديل المقاسات باستخدام هذا البرنامج واللى بيسمحلك كمان انك تغير بين امتدادات الصور


من هنا

جهزت الصورة اللى انتا عايزها ؟

ظبطت المقاس بتاعها ؟

تمام الله ينور عليك نخش عالخطوة التانية

نفتح لوحة التحكم فى المدونة dashboard
layout>template>edit HTML


هانلاقى صندوق الاكواد


دور من فوق ونتا نازل هاتلاقى قطعة الكود دى

#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor;

تحت السطور دى بالظبط اضف هذا السطر

background-image: url(URL address of your image);


شيل الحروف باللون الاحمر وحط مكانها لينك الصورة اللى انتا رفعتها على جوجل او اى صورة على الويب

طريقة تانية


dashboard ادخل لوحة التحكم


layout > template > Page Elements
دوس edit اللى فى جزء رأس المدونة




بعد ماتختار هاتظهرلك دى




الاختيار الاول سيجعل الصورة فى الخلفيه وراء التعليق او اى كلام فى رأس المدونة
والاختيار التانى هايخلى الصورة تغطى اى كلام

اختار واحفظ




بس

تحديث
للاجابة عن سؤال الاخ "محمد المصرى" انظر سؤاله فى التعليقات
بخصوص محاذاة الصورة فى الطريقة التانية
هاتبحث عن قطعة الكود - اللى باللون الاحمر - وتضيف السطر اللى باللون الازرق

#header img {
margin-left: 0px;

وده هايعمل "حد" من الجهة اليسرى للصورة
القيمة فى المثال ده " صفر " انت طبعا هاتغيرها براحتك لغاية ما وضع الصورة يتظبط
الجهة برضو ممكن تتغير الى right هو up او down , للجهه اليمنى او العليا او السفلى على الترتيب .
لو عايز تغير اكتر من جهه مفيش مشاكل , اعمل سطر جديد لكل جهه
.

اكتب ايميلك هنا