الرئيسيةالتسجيلدخولRالوان


الى الاعلى

الى الاسفل

شاطر|

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

avatar
مدير المنتدى
Adminمدير المنتدى
عدد المساهمات : 484
تاريخ التسجيل : 22/02/2012
http://ar.hitskin.com/my-skins-0.htm
مُساهمةموضوع: كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات  31.03.15 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
avatar
المدير العام
كمال بن هديةالمدير العام
عدد المساهمات : 64
تاريخ التسجيل : 27/01/2014
العمر : 44
مُساهمةموضوع: رد: كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات  31.08.15 1:37

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

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

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: اكواد وقوالب التومبيلات وتقنيات اخرى :: الأكواد الإنسيابية CSS-
$(HAMSAHAQ({ 'معلومات الموضوع' :
العنوان
كود وضع اطار جميل للمتواجدون واحصائيات المنتدى للنسخة الثالثة وبدون تومبيلات
اخي اختي لا تنسى صلاتك فهي اهم من كل المنتديات
يتبع الموضوع الى قسم  :: اكواد وقوالب التومبيلات وتقنيات اخرى :: الأكواد الإنسيابية CSS
هل تريد?