الأربعاء، 10 يونيو 2015

مبدأ التعامل مع صفحة التخطيط

customize blogger layout
صفحة التخطيط هي صفحة أساسية في بلوجر وهي تعتبر مرآه تعكس جودة القالب وتكويده وكثير من القوالب تكون تلك الصفحة مبعثرة وغير جيدة وتكون احيانا مرهقة في الضبط وسحب الادوات للأماكن المضبوطه بالتالي من المهم معرفة كيفية التحكم في تلك الصفحة والتعامل بها ومبدأ التعامل بسيط جداً قليل من الخبرة في الـ CSS تكون كافية للتعامل بشكل كامل مع تلك الصفحة
مبدأ التعامل يكون في هذا الوسم #layout
نعم هذا الوسم هو الذي سيفرق تماما في التعامل مع تلك الصفحة فإضافة هذا الوسم قبل معرف أى آداة يجعل التحكم تابع فقط لصفحة التخطيط , مثال
لو لدينا آداة بمعرف #header
لو اردنا ان نبني لها مظهر كل ما علينا فعله أن نضيف قبل معرفها الوسم السابق هذا النموضج اكثر توضيحاً سنغير حجم الآداة في صفحة التخطيط
 #layout #header {
width:600px;
}
كما ترى جعلها للآداة حجم وهو 600 بيكسل طبعا يمكنك التعامل مع اى آداة بنفس الطريقة سواء كانت بمعرف id او class المبدأ واحد , بهذه الطريقة سيمكنك تماما من التعامل مع التخطيط
طبعا ظهر للكثيرين مشكلة تشوه في صفحة التخطيط هو الحقيقة ليس تشوه لكن منصة بلوجر قررت تحديث التخطيط الأساسي  لكن القوالب المنشأة وصفحات تخطيطها لم تكن معدة لهذا التحديث , فيمكنك العمل على تعديل جميع اجزاء التخطيط لديك ليضبط أو جرب الكود التالي ربما يضبط المشكله او يقلل من التأثير السلبي
#layout .section {padding: 8px !important;}
#layout .section h4,.layout-widget-description {display: none;}
#layout .widget-content {margin: 0; padding: 15px 0 !important; width: 100%;}
.layout-title {text-align: center;}
#layout .locked-widget {margin: 0 !important;}
.add_widget {background-color: #fff; margin: 0 0 5px !important; padding: 10px !important; text-align: center !important;}
 تم بحمد الله

ليست هناك تعليقات:

إرسال تعليق