السلام عليكم ورحمة الله تعالى وبركاته , وكما عودناكم في مدونتنا أن نقوم بتقديم كل المواضيع المهمة والتي يبحث عنها الكثيرين والتركيز عليها في هذا الدرس سوف نقوم بشرح كامل وشامل لإضافة ثلاث أعمدة في الفوتر .
1-قم بالدخول إلى حساب مدونتك.
2-أنقر على تصميم.
3-تحرير الأشتمل.
4-قم بأخد نسخة إحتياطية.
4-ثم إبحث عن :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
ملاحظة إذا لم تجد هذا الكود المرجو وضع تعليق يوجد به عنوان المدونة
ضف بعدها هذا الكود
<div id='lower'> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> </b:section> </div> <div style='clear: both;'/> </div> </div>
قم بإستعراض للقالب بعد إضافة الكود للتأكد من عدم وجود خطأ
5-بعد التأكد قم بالبحث عن:
</b:skin>
أضف قبله مباشرة الكود التالي
الأن قم بحفظ القالب ثم وإذهب إلى لوحة التحكم ومن تم تخطيط أو تصميم ستلاحظ أن ثلاث أعمدة أضيفت في الأسفل
/* ----- LOWER SECTION ----- */ #lower { margin:auto; padding: 0px 0px 10px 0px; width: 100%; background:#dde9f3; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; width: 960px; } #lowerbar-wrapper { border:1px solid #DEDEDE; background:#fff; float: right; margin: 0px 5px auto; padding-bottom: 20px; width: 32%; text-align: justify; font-size:100%; line-height: 1.6em; word-wrap: break-word; overflow: hidden; }
.lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} .lowerbar h2 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 0px; text-align: right; color:#0084ce; text-transform:uppercase; font: bold 13px Tahoma, Verdana; border-bottom:3px solid #0084ce; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 2px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px dotted #ccc; }
الأن قم بحفظ القالب ثم وإذهب إلى لوحة التحكم ومن تم تخطيط أو تصميم ستلاحظ أن ثلاث أعمدة أضيفت في الأسفل
تم وبحمد الله أرجو أن أكون قد وفقت في وضع هذا الموضوع المهم والذي يهم بعض المدونين وأي مشكلة أنا في الخدمة
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
المشاركات
0 التعليقات: