مشكلة خطيرة فى مظهر المنتدى

اذهب للمنتدى اخى وانت تفهم
egypt4lovers.yoo7.com

manman كتب:

السلام عليكم

هذة صورة توضيحة للامر




مش عارف لية لوحة الادارة بهدلت منظر الصفحة

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

نعم

تم الحل اخى مشكور
كان كود العناصر اسفل المنتدى
طيب ازاى اضعة تانى
انا اريد وضع العناصر اسفل المنتدى
ولكن ستظهر مرة اخرى ؟

هل تقصد ان احذف العناصر المستقلة على المنتدى

؟

تفضل اخي تابع الشرح

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




خاص فقط بالنسخه 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 {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}

#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}

#main {
width: 947px;
}

#gfooter {
width: 947px;
}


#logostrip {
width: 947px;
}


#submenu {
width: 947px;
}

#userlinks {
width: 935px;
}


/****** نهاية الكود ********/