3 مشترك

جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي

Eslam Love: الجنس :
مساهماتي : 362
نقاطي : 1054
سجلت في : 02/08/2012
عمري : 27

مساهمة رقم 1

جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي

من طرف Eslam Love السبت أغسطس 11, 2012 7:37 am

اسعد الله اوقاتكم في كل وقت وفي كل زمان
كما وعندكما انا الابداع والمساعدة في تطوير دائم
وخواصها تضاهي المنتديات المدفوعة تماما ِ اتينا لكم بخاصية جديدة
لمنتدياكتم ِ لكي تحسن من جودتها ِ وجعلها اكثر انسيبا
الخاصية هي

[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي

الكود للنسخة phpbb3 فقط

صورة للمعاينة الخاصية

جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي Phbb310

كود الجافا سكربت
طريقة وضع اكواد الجافا سكربت
الكود , يجب جعله علي جميع الصفحات

الرمز:

var CopyrightNotice = 'Make the threads and posts appear streamlined version phpBB3
All rights reserved to the developer " A7medvirus " www.ahlamontada.com.';

$(function() {
if ($('.forabg ul.forums')[0]) {
$('.hierarchy').next().remove();
x=$('.forabg ul.forums dl.icon').get();
for (i=0; i<x.length; i++) {
var topics=x[i].childNodes[1].childNodes[0].nodeValue;
var posts=x[i].childNodes[2].childNodes[0].nodeValue;
$(x[i]).find('.hierarchy').after('<div
class="a7medvirus-tp"
style="margin-bottom:3px;font-size:1.1em;">

<td> المواضيع </td><b> '+topics +' </b>

<td> </td> <td> || </td> <td> </td>

<td> المشاركات </td><b> '+posts+' </b>

</div>'); }

$('.forabg').addClass('index-box');
$('.forabg dd.topics').remove();
$('.forabg dd.posts').remove();
}
});

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

الرمز:

/*بداية الكود لجعل المواضيع والمشاركات احترافية */
.a7medvirus-tp{
background: none repeat scroll 0 0 #edfbff;
border: 1px dotted #999999;
margin-top: 5px;
padding: 3px;
}
div.index-box dl.icon dd.dterm {width: 68%;}
div.index-box dl.icon dd.lastpost {float: right; width: 29%;}
/*All rights reserved a7medvirus */