منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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


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

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

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer13.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer212.png

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



http://i83.servimg.com/u/f83/13/93/90/70/aseer310.png

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

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

واعمل التعديلات التاليه:

http://i83.servimg.com/u/f83/13/93/90/70/aseer510.png

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

http://i83.servimg.com/u/f83/13/93/90/70/aseer410.png

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

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer14.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer213.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer311.png

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

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

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer13.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer212.png

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer310.png

وضع جميع العناصر على الجهه الشمال كما بالصورة:

http://i19.servimg.com/u/f19/18/42/96/80/aseer117.png

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer14.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer213.png


http://i83.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

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

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

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

الأن وبردي التالي, تجدون طريقة عمل العناصر بأعلى المنتدى...
 
{اسير~الدموع}
المتطوع المساعد


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

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

http://help.ahlamontada.com/u55

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

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

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


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


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

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer13.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer212.png

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



http://i19.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>

واعمل التعديلات التاليه:

http://i19.servimg.com/u/f19/18/42/96/80/aseer18.png

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

http://i19.servimg.com/u/f19/18/42/96/80/aseer19.png

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

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer13.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer212.png

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


http://i19.servimg.com/u/f19/18/42/96/80/aseer17.png


وضع جميع العناصر على الجهه اليمين كما بالصورة:

http://i19.servimg.com/u/f19/18/42/96/80/aseer20.png

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


http://i83.servimg.com/u/f83/13/93/90/70/aseer14.png


http://i83.servimg.com/u/f83/13/93/90/70/aseer213.png


http://i83.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}
المتطوع المساعد




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

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

http://www.t-mrkz.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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