انشاء خلفية للمدونة

BACKGROUND FOR YOUR BLOG

اصنع خلفية لمدونتك
------------------------------

كل اللى هاتحتاجه هو الصورة اللى انت عايز تعملها خلفية
بعد ماتجهز الصورة ارفعها على google pages creator
او ممكن ببساطه تجيب لينك بتاع اى صورة من اى موقع بس الاحسن انه يكون سريع

دلوقتى تروح جرى لصندوق الاكواد قبل ما اللينك يحمض
dashboard > template > layout > EditHTML
فى صندوق الاكواد هاتلاقى قطعة الكود دى

body { background:$bgcolor;

ممكن تغير لون الخلفية فقط , وفى الحالة دى هاتضع كود اللون المطلوب
اى لون له كود واسم فى لغة ( اتش تى ام ال ) , علشان تعرف كود اللون اللى انت عايزه ادخل الموضوع ده
لوحة اسماء والوان الاكواد

مثال : لو عايز الخلفية تبقى حمراء هاتحط كود اللون الاحمر
هايبقا المنظر النهائى بالشكل ده

body { background-color:#B38481;

اما لو عايز تعمل الخلفية عباره عن صورة يبقا لازم تبدل كود اللون بلينك الصورة
وهايبقا المنظر النهائى بالشكل ده

body { background-image: url(put your image link here);

ضع لينك الصورة ما بين القوسين

_______________________________________

اما لو عايز تعمل صورة خلفية للاطار الجانبى فقط
to make a background photo for the sidebar


فى صندوق الاكواد ابحث عن قطعة الكود الخاصة بالاطار الجانبى و هايكون بالشكل ده او ما يشبهه

#sidebar-wrapper { background-color:#000000;

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

#sidebar-wrapper { background-image: url(ضع رابط الصوره هنا بين القوسين);

_____________________


نفس الكلام ممكن نطبقه على الاطار الاساسى
how to modify background of main part of your blog
(الاطار الاساسى هو المكان المخصص للتدوينات)


فى صندوق الاكواد ابحث عن قطعة الكود الخاصة بالاطار الاساسى

#main-wrapper { background-color:ضع هنا كود اللون;

ممكن تغير اللون بنفس الطريقة
او ممكن تحط صورة

#main-wrapper { background-image: url(ضع رابط الصوره هنا بين القوسين);

--------------------------------


تعديلات على الصورة
1 - Repeat background image الصورة المكررة
ممكن تخلى الصورة تكرر نفسها بشكل افقى او بشكل رأسى

عدم تكرار

background-repeat: no-repeat;

تكرار افقى

background-repeat: repeat-x;

تكرار رأسى

background-repeat: repeat-y;

2 - Position background image الوضع المكانى للصورة

background-position: top left;

top center اعلى المنتصف
top right اعلى اليمين
top left اعلى اليسار
center left يسار المنتصف
center center فى المنتصف
center right يمين المنتصف
bottom left قاع اليسار
bottom center قاع المنتصف
bottom right قاع اليمين


3 - Static background image استاتيكية الصورة الخلفية
افتراضيا , عندما تضع صورة فانها تتحرك عندما يتحرك النص امامها
يعنى لما تعمل سكرول للنص هاتلاقى الصورة بتتحرك مع النص لفوق ولتحت ويمين وشمال
ممكن تخلى الصورة ثابته والنص فقط - او اى محتوى فى الصفحة - هو اللى يتحرك
عن طريق وضع القطعة دى

background-attachment: fixed;

لو فيه اى غموض او حد حاسس ان الشرح فيه حاجه ناقصة او غلط ياريت يقول

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

C U

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