إضافة ثلاثة أعمدة في الفوتر لمدونة بلوجر blogger

 ابحث عن

</body>

الصق هذا الكود قبله : 


<div id='ll-sfehthayef'>

<div id='ol-sfehthayef'>

<div id='jn-sfehthayef'>

<b:section class='pl-sfehthayef' id='qn-sfehthayef1' preferred='yes'>

</b:section>

</div>

<div id='jn-sfehthayef'>

<b:section class='pl-sfehthayef' id='qn-sfehthayef2' preferred='yes'>

</b:section>

</div>

<div id='jn-sfehthayef'>

<b:section class='pl-sfehthayef' id='qn-sfehthayef3' preferred='yes'>

</b:section>

</div>

<div style='clear: both;'/>

</div> </div>

الان ابحث عن

]]></b:skin>

وضع هذا الكود فوقها :

/* -----   three column footer   ----- */

#ll-sfehthayef {

       margin:auto;

       padding: 0px 0px 10px 0px;

       width: 100%;

       background:#F5F5F5;

}

#ol-sfehthayef {

       margin:auto;

       padding: 20px 0px 20px 0px;

       width: 960px;

}

#jn-sfehthayef {

     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;

}

       .pl-sfehthayef {margin: 0; padding: 0;}

       .pl-sfehthayef .widget {margin: 0; padding: 10px 20px 0px 20px;}

.pl-sfehthayef 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;

}

.pl-sfehthayef ul {

      margin: 0px 0px 0px 0px;

      padding: 0px 0px 0px 0px;

      list-style-type: none;

}

.pl-sfehthayef li {

      margin: 0px 0px 2px 0px;

      padding: 0px 0px 1px 0px;

      border-bottom: 1px dotted #ccc;

}

وسلامتكم


إرسال تعليق

أحدث أقدم