1

كيف يمكنني التغيير في شكل الادوات في التنسيق لقالب بلوجر

السلام عليكم انا مبتدأ في تصميم قوالب بلوجر واريد معرفة كيف يمكنني التغيير في شكل الصناديق الموجوده في التنسيق مثل الموجود في هذه الصوره شكرا لكم


1
zakariamouhid أضف ردا

يتم تغيير تصميم 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>
0
ahmed_wael أضف ردا

شكرا لحضرتك