السلام عليكم ورحمة الله تعالى وبركاته
طريقة تقسيم الفوتر الى ثلاث خانات نسبة الى بعض القوالب بلوجر التي تحتوي على خانتين واحدة فقط في الفوتر ,التقسيم تلاحضه في معضم قوالب المدونات تحتوي على ثلاثة خانات لوضع الصناديق او محتويات المدونة صغيرة الشكل , طريقة تقسيم الفوتر الى ثلاث خانات سهلة وليس معقدة تابع معي في الشرح :
لمعاينة الاضافة مباشرة : اسفل الموضوع مدونة افتخر
طريقة التركيب :
1~ قالب
2~ تحرير HTML.
ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.
3~ ابحت عن الشفرة التالية :
|
]]></b:skin>
|
وقم بتلصيق الشفرة التالية فوقها يعني اعلاها .
|
#footer-columns {
border-top:1px solid #999999;
clear:both;
margin:0 auto;
background: #ffffff;
}
#footer-columns h2 {
margin: 1.6em 0 .5em;
font: bold 16px Arial;
padding:10px;
background: #ffffff url() no-repeat center right;
color: #9b2d15;
}
.column1 {
padding: 0px 5px 3px 5px;
width: 30%;
float: left;
margin:3px;
text-align: right;
}
.column2 {
padding: 0px 5px 3px 5px;
width: 31%;
float: left;
margin:3px 3px 3px 5px;
text-align: right;
}
.column3 {
padding: 0px 5px 3px 5px;
width: 30%;
float: right;
margin:3px;
text-align: right;
}
.addwidget {
padding: 0 0 0 0;
}
#footer-columns ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
#footer-columns li {
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:.25em;
padding-right:15px;
text-indent:-15px;
line-height:1.5em;
}
body#layout #footer-columns {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body#layout .column1 {
width: 32%;
float: left;
}
body#layout .column2 {
width: 32%;
float: left;
}
body#layout .column3 {
width: 32%;
float: right;
}
|
4 - ابحث عن الكود التالي :
|
<b:section
class='footer' id='footer'/>
|
واستبدله بالشفرة او الكود التالي :
|
<div id='footer-columns'>
<div
class='column1'>
<b:section
class='addwidget' id='col1' preferred='yes' style='float:left;'>
</b:section>
</div>
<div
class='column2'>
<b:section
class='addwidget' id='col2' preferred='yes' style='float:left;'>
</b:section>
</div>
<div
class='column3'>
<b:section
class='addwidget' id='col3' preferred='yes' style='float:right;'>
</b:section>
</div>
<div
style='clear:both;'/>
</div>
<b:section
class='footer' id='footer'/>
|
وقم بحفظ القالب ومبروك عليك فوتر بثلاث خانات الى اللقاء
:
.png)
