اخواني اخواتي اعضاء وزوار منتدى دفء الحب السلام وعليكم جميعا
اليوم اقدم لكم كود جديد وهو للنسخة الثالثة
وعمل الكود هو وضع اطار حول المنتواجدون والاحصائيات اسفل المنتدى
اوك راح اضع لكم صورتيين للتوضيح عمل الكود
قبل
بعد
والان طريقة وضع الكود في المنتدى
والكود مقسوم الى قسمين
كود يوضع في اكواد الجافا
والكود الاخر يوضع في ورقة CSS
اولا تفضلو كود الجافا
- الكود:
-
/*
*hamsahaq (c) الاحصائيات
*/
$(document).ready(function() {
$('#i_whosonline + p, .h3:contains(Cine este conectat?)').wrapAll('<div id="LGbox" class="onlinelist" />');
$('#LGbox p').addClass('onlinelist');
$('div.clear + div.h3, p.page-bottom').wrapAll('<div id="LGbox" class="statslist" />');
$('#i_whosonline + .clear, #i_whosonline').remove();
});
وطريقة وضع الكود في قسم اكواد الجافا لمن لا يعرف الطريقة
اولا لوحة الادارة
ثانيا
عناصر اضافية
HTML و JAVASCRIPT
إدارة أكواد Javascript
العنوان : اطار المنتواجدون والاحصائيات
أضف الكود الى : الريئسية
ضع الكود واضغط على سجل
*********
والان جاء دور الكود الاخر والذي يوضع في ورقة ال css
والان ندخل لوحة الادارة مرة اخرة
ونذهب الى مظهر المنتدى
الصور والالوان
الالوان
ورقة تصاميم ال CSS
ونضع الكود داخل مربع المخصص لاكواد
ونضغط على سجل
وهكذا حصلت على شكل جميل ومناسب له
تفضلو الكود
- الكود:
-
/*---hamsahaq--كود وضع اطار للمتواجدون والاحصائيات ----*/
#LGbox .h3 {
background: #E9E9E9;
border: 3px solid #CCC000;
padding: 4px 7px;
margin-top: 5px;
}
#LGbox {
border: 3px solid #C000CC;
margin-bottom: 10px;
padding: 0px 10px 5px;
box-shadow: 0px 0px 3px #CCC;
border-radius: 2px;
}
/*---hamsahaq--نهاية الكود ---
ملاحظة يمكن تغير لون الاطار من كود ورقة CSS
- الكود:
-
background: #E9E9E9;
ومن هنا ايضا
- الكود:
-
#LGbox {
border: 3px solid #C000CC;
فارجو ان اكون قد وفقت في الشرح وتقديم الكود
اختكم بالله
المساعدة المتطوعة
hamsahaq
ودمتم بالف خير