شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث 707424

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

الأن نتوجة للشروحات
---------------
خاص فقط بالنسخه phpbb2

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

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer13

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer13

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer212

وعدل
عرض العمود 1 (اليسار) : 0

عرض العمود 3 (اليمين) : 180

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer310

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

الرمز:

اقتباس :

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

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer510

ثم قم بالحفظ

ثم اضف العنصر الذي قمنى بعمله

واجعل الكود أول العناصر

وبعدها ضع ما تريد بأسفله

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer410

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

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

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

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer14

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer14

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer213

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer311

الرمز:

اقتباس :: #right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

---------------
خاص فقط بالنسختين phpbb3+invision

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

شرح عمل اي شيء بأسفل المنتدى على النسخ الثلاث Aseer14

ضع الكود التالي

الرمز:

اقتباس :: /****** بداية كود جعل العناصر اسفل او اعلى المنتدى ********/

#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;
}

/****** نهاية الكود من تطوير اسيرالدموع ********/