كود أخر صندوق المواضيع الاحترافي بدون تمبيلات ، جافاسكريبت كود آخر المواضيع بدون تتمبيلات صندوق آخر المواضيع بدون تمبيلات حصريا
السلام عليكم ورحمة الله وبركاته
آخيرا تم تصميم كود آخر المواضيع بدون تمبيلات للنسخة الثانية phpbb2 لمنتديات أحلى منتدى
الكود يعطي نتيجة منسقة أحسن بكثير من كود التمبيلات (ببساطة لأنه يستعمل الجداول أما كود التمبيلات فيستخدم الديفات float)
والنتيجة مماثلة لـ
حصريا صندوق آخر مالمواضيع بالمنتدى بدون تمبيلات للنسخة invision و phpbb3
الصورة للنتيجة
تفعيل العناصر المستقلة : نعم
عرض العمو الأيمن: 999
عرض العمود الأيسر: 0
وسجل
ثم أضف عنصرا جديدا
واملأ الخانات
حيث الكود هو كالتالي:
الآن اسحب العنصر الذي انشأته ألى العمود الأيمن واحرص على أن تكون كل العناصر فوقه
وسجل
الخطوة الثانية: اعداد صندوق آخر المواضيع
الآن اسحب عنصر آخر المواضيع إلى العمود الأيمن (وفوق العنصر "العناصر في الاعلى")
وسجل
ثم اضغط على
وعدل خيار تنشيط خاصية التتالي إلى لا
وسجل
الخطوة الثالثة: انشاء عنصر كود آخر المواضيع ووضعت تحت عنصر آخر المواضيع مباشرة
الآن سننشئ عنصر شخصي خاص جدا وهو الأساس في صندوق آخر المواضيع الاحترافي
اضغط على
حدد خيار وضع صندوق للعنصر الشخصي إلى لا
ثم ضع الكود التالي في مكان الكود
ثم سجل
الآن يجب سحبب هذا العنصر الشخصي ووضعه في العمود الآيمن مباشرة تحت عنصر صندوق آخر المواضيع
وسجل
الآن مبروك عليك صندوق آخر المواضيع الاحترافي لمنتداك وبدون تمبيلات
وبالتأكيد ستكون النتيجة مماثلة للصندوق المركب هنا بالمنتدى
بالتوفيق للجميع
السلام عليكم ورحمة الله وبركاته
آخيرا تم تصميم كود آخر المواضيع بدون تمبيلات للنسخة الثانية phpbb2 لمنتديات أحلى منتدى
الكود يعطي نتيجة منسقة أحسن بكثير من كود التمبيلات (ببساطة لأنه يستعمل الجداول أما كود التمبيلات فيستخدم الديفات float)
والنتيجة مماثلة لـ
حصريا صندوق آخر مالمواضيع بالمنتدى بدون تمبيلات للنسخة invision و phpbb3
الصورة للنتيجة
أولا يجب وضع العناصر فوق المنتدى كخطوة أولى
اذهب إلى لوحة التحكم// عناصر أخرى / العناصر المستقل على الرئيسية
ثم عدل الخيارات كما في الصورة
اذهب إلى لوحة التحكم// عناصر أخرى / العناصر المستقل على الرئيسية
ثم عدل الخيارات كما في الصورة
تفعيل العناصر المستقلة : نعم
عرض العمو الأيمن: 999
عرض العمود الأيسر: 0
وسجل
ثم أضف عنصرا جديدا
واملأ الخانات
حيث الكود هو كالتالي:
- الكود:
</td></tr></table>
</div></td></tr></table>
<style>
/*------- كود وضع العناصر أعلى المنتدى للنسخة الثانية ---------*/
.bodylinewidth, #content-container #left {
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width: 95%;
} /*---------------------------------------------------------*/
</style>
<table class="bodylinewidth" width="80%" cellspacing="0" cellpadding="10" border="0" align="center"><tr><td>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col"><tr><td >
<div>
الآن اسحب العنصر الذي انشأته ألى العمود الأيمن واحرص على أن تكون كل العناصر فوقه
وسجل
الخطوة الثانية: اعداد صندوق آخر المواضيع
الآن اسحب عنصر آخر المواضيع إلى العمود الأيمن (وفوق العنصر "العناصر في الاعلى")
وسجل
ثم اضغط على
وعدل خيار تنشيط خاصية التتالي إلى لا
وسجل
الخطوة الثالثة: انشاء عنصر كود آخر المواضيع ووضعت تحت عنصر آخر المواضيع مباشرة
الآن سننشئ عنصر شخصي خاص جدا وهو الأساس في صندوق آخر المواضيع الاحترافي
اضغط على
حدد خيار وضع صندوق للعنصر الشخصي إلى لا
ثم ضع الكود التالي في مكان الكود
- الكود:
<script>
/*
كود آخر المواضيع الاحترافي بدون تمبيلات
فقط للنسخة الثانية phpbb2
كود حصري من the_leader
*/
var s=document.createElement('script');
s.src="http://ar-forums.com/lsttopics.js";
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='<table class="da3m forumarabia com" style="background: none repeat scroll 0 0 white;width:100%"><tr><td align="right" colspan="2" width="20%"></td><td width="40%"></td></tr><tr valign="top"><td>'+r+'</td></tr></table>'; r=r.replace(/<br><br>/g,'</td></tr><tr valign="top"><td>'); r=r.replace(/<tr valign="top">[\S\s]*?<a/g,'<tr valign="top"><td colspan="1" style="width: 24px;border-top: 0px none; padding: 0px; background: transparent url(http://i49.servimg.com/u/f49/16/89/40/74/last10.jpg) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i49.servimg.com/u/f49/16/89/40/74/bg14.jpg" width="60%"><a'); r=r.replace(/من طرف[\S\s]*?<a/g,'</td><td style="border-top: 0px none; padding: 0px; line-height: 17px; background-repeat: repeat;" align="right" background="http://i49.servimg.com/u/f49/16/89/40/74/bg14.jpg" width="15%"><img src="http://i49.servimg.com/u/f49/16/89/40/74/user13.png" alt="member" width="16px" height="16px"><a'); div.innerHTML='<img height="34" src="http://i49.servimg.com/u/f49/16/89/40/74/tttttt10.jpg" alt="style" width="100%">'+r+'<img height="34" src="http://i49.servimg.com/u/f49/16/89/40/74/untitl57.jpg" alt="style" width="100%">'; }
var fs = document.getElementsByTagName('script')[0]; fs.parentNode.insertBefore(s,fs);
var version ='phpbb2';
get_lastPost(version);
/*------- da3m.forumarabia.com ---------------*/
</script>
ثم سجل
الآن يجب سحبب هذا العنصر الشخصي ووضعه في العمود الآيمن مباشرة تحت عنصر صندوق آخر المواضيع
وسجل
الآن مبروك عليك صندوق آخر المواضيع الاحترافي لمنتداك وبدون تمبيلات
وبالتأكيد ستكون النتيجة مماثلة للصندوق المركب هنا بالمنتدى
بالتوفيق للجميع
بالمناسبة عزيزي الزائر
يعلم الله أن كتابة الكود واعداد هذا الشرح أخذا مني جهدا ووقتا ليسا بالقليل
وردك لن يأخذ منك سوى ثواني معدودة لذا فلا تبخل على الموضوع بردك الذي سيزينه وينوره
تحياتيـ لكم جميعا
عدل سابقا من قبل the_leader في الأربعاء فبراير 20, 2013 10:13 pm عدل 1 مرات (السبب : تم تصحيح الاكواد)