موقع تجريبي

هذا الموقع تجريبي خاص بي
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  مكتبة الصورمكتبة الصور  المنشوراتالمنشورات  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  
احصائيات
هذا المنتدى يتوفر على 2 عُضو.
آخر عُضو مُسجل هو test فمرحباً به.

أعضاؤنا قدموا 146 مساهمة في هذا المنتدى في 19 موضوع

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
Admin
avatar

الجنس الجنس : ذكر
عدد المساهمات : 141
نقاط : 1365
السٌّمعَة : 0
تاريخ التسجيل : 18/04/2013

بطاقة الشخصية
تجربة:

مُساهمةموضوع: (JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه***MoHaMeD NsR   2017-06-09, 12:43 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%;
}




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

 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://xtestx.ahlamontada.com
Admin
Admin
Admin
avatar

الجنس الجنس : ذكر
عدد المساهمات : 141
نقاط : 1365
السٌّمعَة : 0
تاريخ التسجيل : 18/04/2013

بطاقة الشخصية
تجربة:

مُساهمةموضوع: رد: (JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه***MoHaMeD NsR   2017-07-07, 7:09 am

[postbg=https://i.servimg.com/u/f55/14/83/59/48/daqtda10.gif]
سسسسسسسس ثثثزائر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://xtestx.ahlamontada.com
 
(JAVASCRIPT)كود تغيير شكل المتواجدون الان للنسخه PHPBB3 ليصبح مثل النسخهPHPBB2 الثانيه***MoHaMeD NsR
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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