-->
مدونة كورد تيك مدونة كورد تيك

آخر الأخبار

recent
جاري التحميل ...
recent







السلام عليكم ... babaiكل سنة و انتم طيبين بمناسبة عيد الفطر celebrate و اعتذر اني لم اكتب مواضيع في الفترة السابقة لاني كنت مشغولموضوعنا النهاردة مميز و فريدstarلاني لم اتكلم عنه قبل ذلك و هو صنع قالبك الخاص و كلمنا النهاردة جزء منه و هو خلفيات المدونة سواء للسايد بار sidebar او الموضوع post او للفوتر footer و قد تكلمت بالنسبة للفوتر عن تقسيمة الى 3 خانات او 3 اعمدة ليعطية مظهر جميل



بالنسبة لستايل المدونة هو هام جداا لكل المدونين و لكل مصممي المواقع و المدونات ....



على العموم نذهب لطريقة تركيب الكود :






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' علامتي التنصيص مكان الاكس

ngantuk

و كن متأكد من ان تكون الصورة على حجم القسم لا اكثر ( حتى لا تخرج الصورة من مكانها ) و لا اقل .

كيف اعرف حجم القسم ؟؟

سوف تجد تحت كود القسم #xxxx ( الاكس مكانها اسم القسم )

هذا الكود الذي يحدد





* العرض :
width: 550px;





* الارتفاع :
height: 100px;





و هذا يحدد حجم الصورة

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

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 10px;

و هو يحدد المكان و المحاذاة و يمكنك التحكم فيه عن طريق تزويد الارقام بالبكسل

و انهم بهذا الترتيب : pxشمال , pxشرق , px جنوب , pxغرب

الاولى للانتقال و الثانية للمحاذاة

rindu طب دلوقتي اقولكم الاكواد دي مش لاي حد دي للي عندهم الامكانية للصبر و التعلم في موضوع الاكواد

التعليقات



إذا أعجبك محتوى موقعنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

إتصل بنا

جميع الحقوق محفوظة

مدونة كورد تيك

2016