Mohamed احلى إدارة
عدد المساهمات : 11354 معدل النشاط : 16001 السُمعة : 454
| موضوع: (JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه***MoHaMeD NsR الأربعاء 10 سبتمبر 2014 - 0: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 فريق المساعدة
| |
|