احلي بيت




تحميل برامج, تصميم صور وعروض اشراف ومسابقات, ومعلومات عامة, اسلاميات, معاني الاسماء
 
الرئيسيةالبوابةس .و .جبحـثالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif amirajana http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
A7labeet

avatar

انثى
عدد المساهمات : 11990
تاريخ التسجيل : 20/05/2010





http://a7labeet.ba7r.org
مُساهمةموضوع: (JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه   الأربعاء 22 يوليو 2015, 3:56 pm

اقدم اليكم كود تغيير شكل المتواجدون الان للنسخه ال 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%;
}













لمراسلة الادارة اتصل بنا واضغط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلي بيت :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-