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

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

 من طرف Mohamed 10/9/2014, 2:53 am

بسم الله الرحمن الرحيم
السلام عليكم اخواني واخواتي
اقدم اليكم كود تغيير شكل المتواجدون الان للنسخه ال 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
فريق المساعدة

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