السلام عليكم انا مبتدأ في تصميم قوالب بلوجر واريد معرفة كيف يمكنني التغيير في شكل الصناديق الموجوده في التنسيق مثل الموجود في هذه الصوره شكرا لكم
كيف يمكنني التغيير في شكل الادوات في التنسيق لقالب بلوجر
يتم تغيير تصميم layout عن طريق كتابة css في b:template-skin
لكنه لا يدعم بعض خصائص css
<b:template-skin><![CDATA[
body#layout {
width: 798px;
}
body#layout div.section {
border: solid 1px #4CAF50;
background-color: #E8F5E9;
}
]]></b:template-skin>
هذا مثال كامل
<b:template-skin><![CDATA[
body#layout{width:798px}body#layout #options{display:block}body#layout .container{max-width:none}body#layout div.section{margin:5px!important;background:linear-gradient(to right,#c33764,#1d2671);border:0!important;padding:15px!important;overflow:hidden!important;height:auto!important;width:auto!important;max-width:none!important;max-height:none!important}body#layout .section h4{color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:18px;line-height:30px;margin:0;border:solid 5px rgba(255,255,255,0.18);padding:10px;background-color:rgba(255,255,255,0.1);border-radius:3px}body#layout div.section > div{margin-top:10px}body#layout .add_widget{border:1px dashed #fff;background-color:rgba(255,255,255,0.5);border-radius:3px}body#layout .add_widget a{color:#fff;text-decoration:none}body#layout .add_widget a:hover{color:#1e2671}body#layout div.section > div.widget{margin-top:10px}body#layout .visibility .editlink.icon{display:inline-block}body#layout #PageList1,body#layout #Image1{float:left;width:374px}body#layout #LinkList1,body#layout #HTML1{float:right;width:374px}body#layout div.widget{height:auto;display:block}
]]></b:template-skin>
يمكنك التنسيق على ال widgets بالتغيير في قيمها من ملف *.xml بالضبط في الجزء الخاص لكنه لا يدعم جميع ميزات css عكس أن تبحث عن selector الخاص ب widgets والذي غالبا ما يكون تحت إسم الكلاس التالي widget في ملف القالب ومنها غدل فيه كما تشاء بأكواد css.
سترى في المثال التالي كيف قد تم التعديل على حجم العرض لل widgets:
وكإضافة لك فما دمت جديد في تصميم قوالب بلوجر فالمقالة التالية جد مفيدة لك:
ستعلمك كيف تبني قالب بلوجر من الصفر بما فيها التنسيق على widgets.
التعليقات