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

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

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

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

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



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



ثانيا طريقة وضع الكود:
لوحة الاداره>>عناصر اضافيه>>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
فريق المساعدة
(JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه***MoHaMeD NsR Help_r10
مع التحية
Mohamed Nsr
Mohamed Nsr
 
 

ذكر
عدد المساهمات : 11062
معدل النشاط : 13801
السُمعة : 453

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

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

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

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