abubaker
عدد المساهمات : 18649 تاريخ التسجيل : 23/12/2010 العمر : 73 الدولـة : jordan
| موضوع: طريقة عمل عناصر المُستقله بأسفل او أعلى المنتدى الأربعاء أغسطس 19, 2015 11:42 pm | |
| كيفية توجية العناصر لأسفل المنتدى طريقة عمل عناصر المُستقله بأسفل او أعلى المنتدى
http://help.ahlamontada.com/t453781-topic السلام عليكم ورحمة الله وبركاتة هاذا شرح بسيط جد لطريقة عمل عناصر المُستقله بأسفل او أعلى المنتدى. نتوجة للشروحات.... Arrow --------------- لجعل العناصر بأسفل المنتدى: خاص فقط بالنسخه phpbb2
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية ثم قم بتفعيل العناصر المستقله على الرئيسيه
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png
وعدل كُل شيء كما بالصورة هنا:
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f83/13/93/90/70/aseer310.png
ثم انشى عنصر جديد وضع هذا الكود: الكود: ---------تضليل المحتوى <!--كود جعل العناصر اسفل المنتدى --> </td> </tr> </tbody> </table> <!-- نهاية الكود-->
واعمل التعديلات التاليه:
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f83/13/93/90/70/aseer510.png
ثم قم بالحفظ ثم اضف العنصر الذي قمت بعمله, واجعل الكود أول العناصر وبعدها ضع ما تريد بأسفله.
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f83/13/93/90/70/aseer410.png
اما اذا اردت حذف المسافه التي تظهر بسبب العناصر المستقله اضف هذا الكود الى ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
https://i.servimg.com/u/f83/13/93/90/70/aseer14.png
https://i.servimg.com/u/f83/13/93/90/70/aseer213.png
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
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية ثم قم بتفعيل العناصر المستقله على الرئيسيه
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png
وعدل كُل شيء كما بالصورة هنا:
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f83/13/93/90/70/aseer310.png
وضع جميع العناصر على الجهه الشمال كما بالصورة:
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f19/18/42/96/80/aseer117.png
ومن ثم نذهب الى: لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
https://i.servimg.com/u/f83/13/93/90/70/aseer14.png
https://i.servimg.com/u/f83/13/93/90/70/aseer213.png
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>جميع الحقوق محفوظة لـمنتدى الأصدقاء<br> Powered by Aseer Al Domoo3 ®https://abubaker.jordanforum.net <br>حقوق الطبع والنشر©2011 - 2010
يوضع في العناصر المستقلة كما شرحنا سابقآ
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية >> إنشاء عنصر شخصي
ولاتنسى تغيير اسم منتداك ارجوا ان اكون افدتكم.. انتهى الموضوع بخصوص العناصر أسفل المنتدى.. يتبع الأن وبردي التالي, تجدون طريقة عمل العناصر بأعلى المنتدى... {اسير~الدموع} المتطوع المساعد
عدل سابقا من قبل Mohamed Nsr في الأربعاء 29 يوليو 2015 - 5:28 عدل 7 مرات (السبب : تنسيق الشرح)
{اسير~الدموع}
ذكر البلد: عدد المساهمات: 8033 معدل النشاط: 7958
http://help.ahlamontada.com/u55 الرجوع الى أعلى الصفحة اذهب الى الأسفل شرح تقنية منتديات رد: تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى مُساهمة من طرف {Lone~Wolf} في الأربعاء 20 مايو 2015 - 16:20
تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى
السلام عليكم ورحمة الله وبركاتة هاقد عُدت أليكم, وهذا الرد تكميلي لصُلب الموضوع. نتوجة للشروحات.... --------------- لجعل العناصر بأعلى المنتدى: خاص فقط بالنسخه phpbb2
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية ثم قم بتفعيل العناصر المستقله على الرئيسيه
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png
وعدل كُل شيء كما بالصورة هنا:
تكبير الصورة معاينة الأبعاد الأصلية.
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>
واعمل التعديلات التاليه:
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f19/18/42/96/80/aseer18.png
ثم قم بالحفظ ثم اضف العنصر الذي قمت بعمله, واجعل الكود أسفل العناصر وبعدها ضع ما تريد بأعلاه.
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f19/18/42/96/80/aseer19.png
--------------- خاص فقط بالنسخ phpbb3+invision+Punbb
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية ثم قم بتفعيل العناصر المستقله على الرئيسيه
https://i.servimg.com/u/f83/13/93/90/70/aseer13.png
https://i.servimg.com/u/f83/13/93/90/70/aseer212.png
وعدل كُل شيء كما بالصورة هنا:
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f19/18/42/96/80/aseer17.png
وضع جميع العناصر على الجهه اليمين كما بالصورة:
تكبير الصورة معاينة الأبعاد الأصلية.
https://i.servimg.com/u/f19/18/42/96/80/aseer20.png
ومن ثم نذهب الى: لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
https://i.servimg.com/u/f83/13/93/90/70/aseer14.png
https://i.servimg.com/u/f83/13/93/90/70/aseer213.png
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} المتطوع المساعد
عدل سابقا من قبل Mohamed Nsr في الأربعاء 29 يوليو 2015 - 5:29 عدل 3 مرات (السبب : تنسيق الشرح)
> من هنا لمراسلة الإدارة لوضع مواضيع الشروحات الجديدة و الأكواد للدراسة < >> من هنا لمراسلة الإدارة بشكايات بخلاف طلبات كلمة السر او الشروحات <<
{Lone~Wolf} سوبرمان المساعدة سوبرمان المساعدة
ذكر البلد: عدد المساهمات: 3468 معدل النشاط: 5644 أحلى مشرف
http://help.ahlamontada.com/t15353-topic الرجوع الى أعلى الصفحة اذهب الى الأسفل استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة منتدى الدعم العربي لمنتديات أحلى منتدى :: س.و.ج :: الأســئلة الشائعة صفحة 1 من اصل 1 صلاحيات هذا المنتدى: لاتستطيع الرد على المواضيع في هذا المنتدى
http://help.ahlamontada.com/t453781-topic
ةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةةة
كيف يتم التخلص من الاعلانات
طريقه عملها ---------------
لوحة الادارة ادارة عامة منتدى تشكيل تقليل تردد ظهور البنرات الإعلانية الفلاشية في اعلانات المنتدى : نعم
شرح بالصور -----------
ارجو ان اكون قد وفقت فى شرح
zhegazy المتطوع المساعد عدل سابقا من قبل Mohamed Nsr في الأربعاء 29 يوليو 2015 - 6:00 عدل 5 مرات (السبب : تنسيق الشرح)
> من هنا لمراسلة الإدارة لوضع مواضيع الشروحات الجديدة و الأكواد للدراسة < >> من هنا لمراسلة الإدارة بشكايات بخلاف طلبات كلمة السر او الشروحات <<
zhegazy نائب المدير نائب المدير
ذكر البلد: عدد المساهمات: 40314 معدل النشاط: 37025
الرجوع الى أعلى الصفحة اذهب الى الأسفل استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة منتدى الدعم العربي لمنتديات أحلى منتدى :: س.و.ج :: الأســئلة الشائعة صفحة 1 من اصل 1 صلاحيات هذا المنتدى: لاتستطيع الرد على المواضيع في هذا المنتدى | |
|