تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى

2 مشترك

اذهب الى الأسفل

ÞíÏ ÇáÏÑÇÓÉ تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى

مُساهمة من طرف {اسير~الدموع} الأحد 8 نوفمبر 2009 - 2:52


تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى

السلام عليكم ورحمة الله وبركاتة  
هاذا شرح بسيط جد لطريقة عمل عناصر المُستقله بأسفل او أعلى المنتدى.
نتوجة للشروحات.... Arrow
---------------
لجعل العناصر بأسفل المنتدى:
خاص فقط بالنسخه phpbb2  

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

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer13
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer212
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png

وعدل كُل شيء كما بالصورة هنا:


 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer310
https://i.servimg.com/u/f83/13/93/90/70/aseer310.png

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

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

واعمل التعديلات التاليه:
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer510
https://i.servimg.com/u/f83/13/93/90/70/aseer510.png

ثم قم بالحفظ
ثم اضف العنصر الذي قمت بعمله, واجعل الكود أول العناصر وبعدها ضع ما تريد بأسفله.
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer410
https://i.servimg.com/u/f83/13/93/90/70/aseer410.png

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

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

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer14
https://i.servimg.com/u/f83/13/93/90/70/aseer14.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer213
https://i.servimg.com/u/f83/13/93/90/70/aseer213.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer311
https://i.servimg.com/u/f83/13/93/90/70/aseer311.png

الكود:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

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

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

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer13
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer212
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png

وعدل كُل شيء كما بالصورة هنا:

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer310
https://i.servimg.com/u/f83/13/93/90/70/aseer310.png

وضع جميع العناصر على الجهه الشمال كما بالصورة:
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer117
https://i.servimg.com/u/f19/18/42/96/80/aseer117.png

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

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer14
https://i.servimg.com/u/f83/13/93/90/70/aseer14.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer213
https://i.servimg.com/u/f83/13/93/90/70/aseer213.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer311
https://i.servimg.com/u/f83/13/93/90/70/aseer311.png

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


الكود:
       /****** بداية كود جعل العناصر اسفل او اعلى المنتدى  ********/        #content-container div#main {        margin-right: auto;        margin-bottom: auto;        }                #content-container div#left, #content-container div#container, #content-container div#right {        width: auto;        float: none;        margin-left: auto;        }                 #main {        width: 100%;        }                 #gfooter {        width: 98%;        }                 #logostrip {        width: 99%;        }         #submenu {        width: 99%;        }                 #userlinks {        width: 98%;        }                          /****** نهاية الكود من تطوير اسيرالدموع Lone Wolf ********/

بإمكانك التعديل على عرض الجداول بتبديل ال width


انتهاء شرحنا لكيفية توجية العناصر لأسفل المنتدى
كما أيضآ يسعدني أخباركم بأن الكود من تعريبي وتطويري وشرحي 100% لذلك رجاء أقولها أمامكم وأمام رب العالمين... عدم نسب الأكواد لك فهو خاص, فأتقي الله يا أخي وأترك سرقة الأشياء ليستمر المبدع بأبداعه دون توقف. إن رغبت بنقل الكود فأذكر المصدر وهو مُنتدى الدعم والمساعده لأحلى منتدى
--------------------
والأن وكهدية مني, كود جميع الحقوق محفوظه:
 
الكود:
الساعة الأن <embed
src="http://www.clocklink.com/clocks/5005-red.swf?TimeZone=PST&"
 wmode="transparent" type="application/x-shockwave-flash" height="40"
width="120"> بتوقيت (أسم بلدك)<br>جميع الحقوق محفوظة
لـ{FORUMNAME}<br>&nbsp;Powered by Aseer Al Domoo3
®️{FORUMURLINK} <br>حقوق الطبع والنشر©️2011 -
2010

يوضع في العناصر المستقلة كما شرحنا سابقآ

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

ولاتنسى تغيير اسم منتداك
ارجوا ان اكون افدتكم..
انتهى الموضوع بخصوص العناصر أسفل المنتدى..
يتبع

الأن وبردي التالي, تجدون طريقة عمل العناصر بأعلى المنتدى...
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى 376553 
{اسير~الدموع}
المتطوع المساعد
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى 825617


عدل سابقا من قبل Mohamed Nsr في الأربعاء 29 يوليو 2015 - 5:28 عدل 7 مرات (السبب : تنسيق الشرح)
{اسير~الدموع}
{اسير~الدموع}
 
 

ذكر
عدد المساهمات : 8031
معدل النشاط : 9672
السُمعة : 7

https://help.ahlamontada.com/u55

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ÞíÏ ÇáÏÑÇÓÉ رد: تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى

مُساهمة من طرف {Lone~Wolf} الأربعاء 20 مايو 2015 - 16:20


تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى


السلام عليكم ورحمة الله وبركاتة  
هاقد عُدت أليكم, وهذا الرد تكميلي لصُلب الموضوع.
نتوجة للشروحات....  تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Icon_arrow
---------------
لجعل العناصر بأعلى المنتدى:
خاص فقط بالنسخه phpbb2  

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

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer13
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer212
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png

وعدل كُل شيء كما بالصورة هنا:


 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer17
https://i.servimg.com/u/f19/18/42/96/80/aseer17.png


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

الكود:
<style>
.bodylinewidth, #content-container #left { margin-bottom: auto; margin-left: auto; margin-right: auto; margin-top: auto; width: 99%;}
            </style>            
<table style="width: 100%;" class="bodylinewidth" align="center" border="0" cellpadding="10" cellspacing="0">
<tbody><tr><td><table style="width: 100%;" class="three-col" cellpadding="0" cellspacing="0">
<tbody><tr><td><div>
<script>  
var s=document.createElement('script');
function get_lastPost(v){ var
g=document.getElementsByTagName('script');g=g[g.length-1]; var
parent=g.parentNode.parentNode.parentNode.parentNode.parentNode; var
div=parent.getElementsByTagName('table')[parent.getElementsByTagName('table').length-2];
 div.removeAttribute('class'); var r=div.innerHTML;
r=r.replace(/<!--[\S\s]*?-->/g,''); r=r.replace(/<tr><td
class="ca[\S\s]*?<\/tr>/g,''); div.innerHTML=r;
div=div.getElementsByTagName('span')[0]; var r=div.innerHTML;
r=''; }
    var fs = document.getElementsByTagName('script')[0]; fs.parentNode.insertBefore(s,fs);
</script>
</div></td></tr></tbody></table></td></tr></tbody></table>

واعمل التعديلات التاليه:
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer18
https://i.servimg.com/u/f19/18/42/96/80/aseer18.png

ثم قم بالحفظ
ثم اضف العنصر الذي قمت بعمله, واجعل الكود أسفل العناصر وبعدها ضع ما تريد بأعلاه.
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer19
https://i.servimg.com/u/f19/18/42/96/80/aseer19.png

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

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

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer13
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer212
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png

وعدل كُل شيء كما بالصورة هنا:

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer17
https://i.servimg.com/u/f19/18/42/96/80/aseer17.png


وضع جميع العناصر على الجهه اليمين كما بالصورة:
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer20
https://i.servimg.com/u/f19/18/42/96/80/aseer20.png

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

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer14
https://i.servimg.com/u/f83/13/93/90/70/aseer14.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer213
https://i.servimg.com/u/f83/13/93/90/70/aseer213.png

 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى Aseer311
https://i.servimg.com/u/f83/13/93/90/70/aseer311.png

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

الكود:
       /****** بداية كود جعل العناصر اسفل او اعلى المنتدى  ********/
        #content-container div#main {
        margin-right: auto;
        margin-bottom: auto;
        }
        
       #content-container div#left, #content-container div#container, #content-container div#right {
        width: auto;
        float: none;
        margin-left: auto;
        }
        
        #main {
        width: 100%;
        }
        
        #gfooter {
        width: 98%;
        }
        
        #logostrip {
        width: 99%;
        }

        #submenu {
        width: 99%;
        }
        
        #userlinks {
        width: 98%;
        }
        
        
        /****** نهاية الكود من تطوير اسيرالدموع Lone Wolf ********/

بإمكانك التعديل على عرض الجداول بتبديل ال width

انتهاء شرحنا لكيفية توجية العناصر لأعلى المنتدى
كما أيضآ يسعدني أخباركم بأن الكود من تعريبي وتطويري وشرحي 100% لذلك رجاء أقولها أمامكم وأمام رب العالمين... عدم نسب الأكواد لك فهو خاص, فأتقي الله يا أخي وأترك سرقة الأشياء ليستمر المبدع بأبداعه دون توقف. إن رغبت بنقل الكود فأذكر المصدر وهو مُنتدى الدعم والمساعده لأحلى منتدى
مع التحية
{Lone~Wolf}
المتطوع المساعد
 تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى 825617




عدل سابقا من قبل Mohamed Nsr في الأربعاء 29 يوليو 2015 - 5:29 عدل 3 مرات (السبب : تنسيق الشرح)
{Lone~Wolf}
{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 3575
معدل النشاط : 9400
السُمعة : 160

https://help.ahlamontada.com/u16282

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى