(JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه***MoHaMeD NsR

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

(JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه***MoHaMeD NsR

مُساهمة من طرف Mohamed Nsr في الأربعاء 10 سبتمبر 2014 - 2:53

بسم الله الرحمن الرحيم
السلام عليكم اخواني واخواتي
اقدم اليكم كود تغيير شكل المتواجدون الان للنسخه ال PHPBB3 ليصبح مثل النسخه PHPBB2



اولا صوره للكود:
قبل وضع الكود

بعد وضع الكود




ثانيا طريقة وضع الكود:
لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان:كما تريد
أضف الكود الى : المواضيع
كود Javascript * :

الكود:

$(document).ready(function(){
var miTb = document.createElement("table");
var tbBody = document.createElement("tbody");
var tr = new Array();
var td = new Array();
var i = 0;
var titu= ["mititulo","miimagen","miestadistica","miqlinea","mileyenda"];
for (i=0; i<=4; i++) {
td[i]=document.createElement("td");
tr[i]=document.createElement("tr");
tr[i].appendChild(td[i]);
td[i].setAttribute("class", titu[i]);
tbBody.appendChild(tr[i]);}
td[0].setAttribute("colspan","2");
td[1].setAttribute("valign","middle");
td[1].setAttribute("align","center");
td[1].setAttribute("rowspan","4");
miTb.appendChild(tbBody);
miTb.setAttribute("id", "new_whoonline");
miTb.setAttribute("cellspacing", "1");
miTb.setAttribute("cellpadding", "0");
miTb.setAttribute("border", "0");
$("#i_whosonline+p+div.clear").before($(miTb));  
$("#new_whoonline .mititulo").append($(".img-whois").prev().children("a"));
$("#new_whoonline .mileyenda").append($("p em"));
$("#new_whoonline .miqlinea").append($("#i_whosonline+p"));
$("#new_whoonline .miimagen").append($("img#i_whosonline.img-whois"));
$("#new_whoonline .miestadistica").append($("#page-body p.page-bottom"));
$("#new_whoonline+div.clear").next().remove();
$("#new_whoonline").prev().remove();
});

ثم نتوجه الى
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال css
وضع الكود التالي:

الكود:

#new_whoonline {
    background-color: #ffffff;
    border: 2px solid #006699;
    width: 100%;
}

#new_whoonline td {
    background-color: #EFEFEF;
    padding: 2px 3px;
}

#new_whoonline .mititulo {
    color: #006699;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

#new_whoonline .mititulo {
    height: 28px;
}

#new_whoonline .miestadistica{
    width: 100%;
}



منقول للافادة وتم التعديل والترجمة من قبلي
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم
MoHaMeD NsR
فريق المساعدة

مع التحية




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13590
معدل النشاط : 13362
السُمعة : 452

https://www.egylive.org/

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

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

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

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