السلام عليكم ...
بالنسبة لستايل المدونة هو هام جداا لكل المدونين و لكل مصممي المواقع و المدونات ....
على العموم نذهب لطريقة تركيب الكود :
1. افتح صفحة بلوجر الاساسية : اضغط هناا
2. ادخل تصميم ثم تحرير HTML و بعد ذلك
3. الان ابحث عن الكود التالي : ( عن طريق ctrl + f في لوحة المفاتيح )
لازم تعرف ما هي مكونات المدونة :
1. رأس الصفحة HEADER
تجده في القالب بالكود التالي ....
الكود : <div id='header-wrapper'>
2. القسم الرئيسي MAIN
و هو الذي يحتوي على الموضوعات و البرنرات الموجودة فوقها
تجده في القالب بالكود التالي ....
الكود : <div id='main-wrapper'>
3. الشريط الجانبي SIDEBAR
تجده في القالب بالكود التالي ....
الكود : <div id='sidebar-wrapper'>
4. التذييل FOOTER
تجده في القالب بالكود التالي ....
الكود : <div id='footer-wrapper'>
دي الأقسام الرئيسية لاي مدونة مهما اختلفت شكلها او حجمها و قد يختلف الاسم قليلا مع القوالب الجاهزة لذا لتجده
انسخ جزء من الاسم ..........
على العموم لتغيير الخلفية لاي قسم من الاقسام السابقة سوف تجد اسفل الكود الكود التالي :
background: $اي حاجة مكتوبة;
ثم استبدل السطر كله بـ
background: url(' لينك الصورة ( الخلفية ) ') no-repeat top center;
على ان يكون اللينك بين 'XXXX' علامتي التنصيص مكان الاكس
على العموم لتغيير الخلفية لاي قسم من الاقسام السابقة سوف تجد اسفل الكود الكود التالي :
background: $اي حاجة مكتوبة;
ثم استبدل السطر كله بـ
background: url(' لينك الصورة ( الخلفية ) ') no-repeat top center;
على ان يكون اللينك بين 'XXXX' علامتي التنصيص مكان الاكس
و كن متأكد من ان تكون الصورة على حجم القسم لا اكثر ( حتى لا تخرج الصورة من مكانها ) و لا اقل .
كيف اعرف حجم القسم ؟؟
سوف تجد تحت كود القسم #xxxx ( الاكس مكانها اسم القسم )
هذا الكود الذي يحدد
* العرض :
width: 550px;* الارتفاع :
height: 100px;و هذا يحدد حجم الصورة
طب دلوقتي لو الصورة نفس الحجم و مش مظبوطة على مكانها ؟؟؟
اقولك عندك كود المحاذاة تحت اسم القسم ايضا و اذا لم تجد ضعه انتmargin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
و هو يحدد المكان و المحاذاة و يمكنك التحكم فيه عن طريق تزويد الارقام بالبكسل
و انهم بهذا الترتيب : pxشمال , pxشرق , px جنوب , pxغرب
الاولى للانتقال و الثانية للمحاذاة