هاك المتواجدون والاحصائيات بالمربعات بشكل جديد ومميز جدآ

[ممرض محترف]

السلام عليكم

اقدم لكم هاك المتواجدون والاحصائيات بالمربعات بشكل جديد ومميز جدآ

فقط اتبع الشرح ملا حظة الاكواد مشفرة وضعتها لكم بالمرفقات




صوره للهاك بعد التركيب

http://www.geocities.com/rahaal94/ffffff.jpg

في البدايه استبدل قالب : forumhome_loggedinuser

$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]" rel="nofollow">$loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]


الحين نبداء بالشرح الموجود في رابط موضوع اخونا : Password

- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1)
صورة (1)
http://www.sa-web.net/swalif/mrb3at/01.jpg

2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) - صورة (2)
صورة (2)
http://www.sa-web.net/swalif/mrb3at/02.jpg

3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - صورة (3)
صورة (3)
http://www.sa-web.net/swalif/mrb3at/03.jpg

اضف الكود : انا هنا عدلت في سماكة المربعات ولون الخلفيه والخيار لك تابع الشرح وتقدر تغيرها
[


.red


{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF1515;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF1515;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px solid #008000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#008000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px solid #0000FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#0000FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px solid #CCCCCC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CCCCCC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px solid #FF66CC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF66CC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.orang
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #FF9900;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF9900;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center
}

.teal
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #008080;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#008080;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #BF0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#BF0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #CC33FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC33FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#000000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.white
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #ffffff;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#ffffff;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F0FFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

ثم أعمل حفظ من اسفل


خطوة (2)
1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) - صورة (5)
صورة (5)
http://www.sa-web.net/swalif/mrb3at/05.jpg

2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) - صورة (6)
صورة (6)
http://www.sa-web.net/swalif/mrb3at/06.jpg

3- اضف الكود التالي على مرحلتين - صورة (7)
صورة (7)
http://www.sa-web.net/swalif/mrb3at/07.jpg

ضع code1 في مربع النص الأول - صورة (7)


code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ]

<input type="****" name="T1" size="17" class="red" value="



[/PHP]

code2 في مربع النص الثاني - صورة (7)

" readonly style="width: 90">



ثم أضغط على زر ( تحديث ) في الاسفل

التعديلات التي يمكنك عملها:
صورة (12)
http://www.sa-web.net/swalif/mrb3at/12.jpg

صورة (13)
http://www.sa-web.net/swalif/mrb3at/13.jpg

1- كود حجم المربع : ( width: 48; ) - صورة (12) تحديد (1)
1- كود نوع الخط : ( font-family:MS Sans Serif; ) - صورة (12) تحديد (2)
3- كود لون خلفية المربع : ( background-color:#FFE3DF; ) - صورة (12) تحديد (3)
4- كود لون النص داخل المربع : ( color:#ffffff; ) - صورة (12) تحديد (4)
5- كود صورة الخلفية للمربع : ( background-image: url('altaer/color_bg.gif'); ) - صورة (12) تحديد (5)
6- كود اللون الخاص بالمجموعة في خطوة (2) مهم جدا : ( class="red" ) صورة (13) تحديد (1)
استبداله باسم المجموعة الخاصة بالكود المراد استخدامه لمجموعة المستخدمين في خطوة (2) عند ( code1 )
---------------------
ملحوظة : مجموعات الألوان كالتالي:
.red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي
.orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض

-------------------------


الاحصائيات



[شرح ] تركيب الإحصائيات المتقدمه لجميع النسخ (http://www.mshaer.net/vb/showthread.php?t=10209)


الاكواد بالمرفقات لانها مشفرها يعني اتبع الشرح ولصق فقط اللي بالمرفقات

[dr.Bido]

شكرا اخ واثق والله ما قصرت

[ممرض محترف]

مشكور على المرور ولا هنت يالذيب

[ouch19881988]

شكرا اخي روعة

[عرب سوفت]

جزاك الله ألف خير

[almar7oom]

تسلم اخوي عل الشرح الطيب ولكن


ولكن الصورة رقم 3 احذف كل شي فيهااا واحطي الكود الى تحت ولا ؟؟


ولا في شي معين
او اروح اخر القوس واحطي ريد ؟؟؟
المرحوم

انتظر الرد

[haiman]

مشكور اخى على الشرح
وانا طبقته والحمد لله اتشغل 100 100

[بويعقوب]

ياوحش www.jasimq8.com/vb (http://www.jasimq8.com/vb)

تم لتركيب وكلوا تمام دمت لنا سالم وذخر لاتحرمنا الجديد

[الاستشاري®]

يحفظك ربي اخوي

[توب لاين]

يعطيك العافية ياغلاي

[برق الظلام]

تسلم يدينك ولاهنت

[مساعد خالد]

شكرا اخ واثق والله ما قصرت

[وطن عمري]

سلم الذيب

[فريح العمودي]

جزاك الله ألف خير

[شبكة أميرة محمد]

يعطيك العافيه

[الكونت]

مشكور اخوي
بجد شئ رائع
لكن هل يا ترى ممكن تركبهم الي مجانا ولا لا؟!!
ودمت بكل خير

[tlaal]

السلام عليكم

مشكور اخي واثق الخطوه صراحه اتعبتني الرموز قبل التركيب

وبعد البحث حليت المشكلة اسمح لي ان اشرح حسب فهمي وتركيبي
المشكلة هي في القوس الاول وتمت اضافته


}
.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #c00000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#c00000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F6DEFD;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #008000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#008000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#F6DEFD;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #0000FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#0000FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #CCCCCC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CCCCCC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF66CC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF66CC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.orang
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #FF9900;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF9900;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center
}
.teal
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #008080;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#008080;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #BF0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#BF0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #CC33FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC33FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#000000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.white
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #ffffff;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#ffffff;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}


فرزت صيغة واحده من المجموعة السابقة للتوضيح فقط
كل مجموعة تختص برمز مثل الاسفل رمز للمدير العام
و رمز للاعضاء و رمز للمشرفين و رمز للمشرفات

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

}
.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF1515;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF1515;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}

وبالنسبة لرموز المجموعات كالتالي

(1)

<input type="text" name="T1" size="17" class="red" value="


(2)

" readonly style="width: 90">

اول شرح لي واتمنى ان اكون قد وفقت في ذلك

اشكرك اخي واثق الخطوه على الطرح المميز وهذا

ليس بغريب عليك وعساك على القوة

اطيب تحية وتقدير