[شرح] عمل آي شيء أسفل المنتدى » النسخ الثلاث ..

أهلا و مرحبا بكم ، في منتديات نجوم العرب



هذا شرح لطريقة عمل حقوق اسفل المنتدى
او اي شيء على العناصر المستقلة
على النسخة الثانية و الثالثة و الأخيرة ايضا




phpBB2




لوحة الادارهـ » عناصر إضافيـهـ » إدارة العناصر المستقلة على الرئيسية » قم بتفعيل العناصر المستقله على الرئيسية






و عدل :
* عرض العمود 1 (اليسار) : 0
* عرض العمود 3 (اليمين) : 180



ثم انشى عنصر جديد وضع هذا الكود

الكود:

<!-- العناصر اسفل المنتدى -->
  </td>
    </tr>
      </tbody>
        </table>
          <!-- نهاية الكود-->

و اعمل التعديلات التالية



ثم قم بالحفظ
ثم اضف العنصر الذي قمنى بعمله
واجعل الكود أول العناصر
وبعدها ضع ما تريد بأسفله



والعكس صحيح ان اردت اظهار العناصر بالأعلى
فأجعل الكود الي اعطيناك اياه بالأسفل
والأكواد بأعلاه

اما اذا اردت حذف المسافه التي تظهر بسبب العناصر المستقله
اضف هذا الكود الى ورقة تصميم css


لوحة الادارهـ » مظهر المنتدى » الصور والألوان » ألوان » ورقة تصميم CSS

الكود:

/* حذف الفراغ الذي تسببه العناصر */
#right{position:Absolute;top:5px;right:5px;width:18%;float:right;}

phpBB3 + Invision





لوحة الاداره » مظهر المنتدى » الصور والألوان » ألوان » ورقة تصميم CSS

الكود:

/* جعل العناصر اسفل او اعلى المنتدى  */

#content-container div#container,
#content-container div#main,#content-container div#right,
#content-container div#left {width:auto;float:none;margin:auto;}
#main {width:947px;}
#gfooter {width:947px;}
#logostrip {width:947px;}
#submenu {width:947px;}
#userlinks {width:935px;}

/* نهاية الكود من تطوير M!Z0 PR0 */

اقتباس :

بإمكانك التعديل على عرض الأقسام بدل ال 947 و 935

- هدية مني ::: كود جميع الحقوق محفوظة -

الكود:

<!-- //M!Z0 PR0// -->
  <div id="newFooter" class="Inner">
    <span class="smll">Powered by AHLAMONTADA™ </span>
    <span class="smll">Copy Right © (اسم منتداك هنا بالانجليزية)</span>
    <span class="smll">جميع الحقوق محفوظة لمنتديات <b>(اسم منتداك هنا)</b></span>
  </div>
<!-- *تطوير منتديات نجوم العرب* -->

و هذا يوضع في ورقة تصميم الـ CSS

الكود:

 /*== NewFOOTER ==*/
  #newFooter {margin:Auto;margin-top:4px;padding:4px 14px;}
  #newFooter.Inner {background:#F1F1F1;border-top:1px dashed #B1B1B1;}
  #newFooter .smll {font-family:Tahoma;font-size:12px;color:#444;}
  #newFooter .smll b {color:#179;}

< !-- By M!Z0 PR0 -- >