الرئيسيةدخولالتسجيل,قرانqr f

الى الاعلى

الى الاسفل

شاطر|

كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات

مديرالموقع
adminمديرالموقع
انثى
عدد المساهمات : 1765
العمر : 83
مُساهمةموضوع: كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات  الثلاثاء مارس 31 2015, 23:02

اخواني اخواتي اعضاء وزوار منتدى دفء الحب السلام وعليكم جميعا

اليوم اقدم لكم كود جديد  وهو للنسخة الثالثة
 وعمل الكود هو وضع اطار حول المنتواجدون والاحصائيات اسفل المنتدى 

 اوك راح اضع لكم صورتيين  للتوضيح عمل الكود 
 قبل 



 بعد 


والان طريقة وضع الكود في المنتدى 
 والكود مقسوم الى قسمين 
 كود يوضع في اكواد الجافا 

 والكود الاخر يوضع في ورقة 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

ودمتم بالف خير
 الموضوع الأصلي  : كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات // المصدر : منتدى دفء الحب // الكاتب: admin

كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ❤منتدى تطوير المواقع المجانية❤ :: .اكواد CSS-
العنوان
كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات
عدد زوار الصفحة
منتدى دفء الحب
يتبع الى?  :: ❤منتدى تطوير المواقع المجانية❤ :: .اكواد CSS
هل تريد?