[حصريا] كيفية ترتيب وتجميل التخطيط في قوالب بلوجر

الكاتب بتاريخ عدد التعليقات : 2

مرحبا بكم اصدقائي متابعين مدونة مهووسين الويب في درس جديد ورائع وحصري على المدونة وبعض المدونات فقط وهو كيفية ترتيب وتجميل تخطيط مدونتك وجعله سهل الاستخدام فهناك مشاكل كثيرة تواجه مستخدمين قوالب بلوجر ومن اكبر المشاكل التي لا يلاحضها البعض وهي التخطيط هناك بعض المدونين الذي يهتمون بقوالب مدوناتهم وبذلك يهتمون بالتخطيط ايضا لانهم يريدون ان يظهروا للمدونين عندما يعرضون قوالبهم مجانا ان كل شئ مرتب في القالب وانه القالب المثالي فأجمل تخطيط رأيته انا كان في قالب "اللي مني مزعلني" لا تنتبهوا على الاسم كثيرا هكذا سماه صاحب القالب ويوجد من هذا القالب تقريبا 6 اصدارات موجودة في مدونة بلوجرام الان نأتي الى كيف نقوم بترتيب تخطيط مدونتنا الطريقة سوف تكون عن طريق اكواد css والطريقة سهلة جدا ويمكن للجميع القيام بها والاكواد التي سوف نقوم بوضعها تضع بعد <b:skin><![CDATA[ هذا هام جدا فالبعض يخطأ ويقوم بوضعها فوق <b:skin[[الكود المسئول عن شكل التخطيط هو body#layout تقوم بوضعه بعدها اسم المنطقة التي تريد ترتيبها مثلا سوف نقوم بترتيب الفوتر نضع body#layout #footer-wrapper فنقوم بوضع هذا الكود بعد <b:skin><![CDATA[
body#layout #footer-wrapper {    display: inline-block;    margin: 0px;    width: 500px;}
والهيدر body#layout#header-wrapper body#layout #header-wrapper {    display: inline-block;    margin: 0px;    width: 500px;}
وهكذا تقوم بوضع اسم المنطقة التي تريد التعديل عليها بعد body#layoutوهذا مثال لكود كامل
body#layout #header-wrapper {width: 880px;margin: 0;}
body#layout #header {width: 600px;}body#layout #content-wrapper {width: 860px!important;}body#layout #main-wrapper {overflow: visible;width: 505px;}body#layout #footer {width: 850px;margin: 0;}body#layout .nav {width: 740px;margin-left: 5px;}
وهذا الكود ليس لكل القوالب فهناك قوالب لن ينفع معها الكود الذي فوق فبعد وضعه وللذهاب للتخطيط وف تجده غير مرتب لذلك يجب عليك القيام بذلك يدويا وهذا الدرس ليس كود نهائي تضعه وتنتهي المشكلة هذا شرح كيفية ترتيبه وانت يجب عليك فعل ذلك لان كل قالب له مقاسات معينة اذا هذا هو الدرس واي استفسار ضعه في تعليق وسيتم الرد بإسرع وقت انشاء الله:)

2 تعليقات على موضوع " [حصريا] كيفية ترتيب وتجميل التخطيط في قوالب بلوجر "

يا عمران خلي بالك عشان انت حاطط المشاركه دي قبل كده

████ شروط التعليق ████
1- يجب على التعليق أن يكون بلا روابط إشهارية
2- أن يكون التعليق خاص بمحتوى التدوينة
3- لإضافة كود حوله أولاً بمحول الأكواد
4- لاستعمال خط عريض ضع الكود : <strong>النص هنا...</strong>
5- لاستعمال خط مائل ضع الكود : <em>النص هنا...</em>
6- لإضافة صورة ضعها بهذا الكود : <i rel="image"> ... رابط الصورة هنا ... </i>

الإبتسامات إخفاء