تلوين المجموعات على حسب الرتب

[des-mshaer]

الهواوي
Kol-al3araB
al brfsor
أحاسيس

ركزو معي اول شي افتح تمبلت forumhome_loggedinuser

وامسح الي فيه وضع هذا الكود

$loggedin[buddymark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]">$loggedin[musername]

وافتح تمبلت forumhome_todayloggedinuser

وامسح الي فيه وضع هذا الكود

<a href="member.php?$session[sessionurl]u=$todayloggedin[userid]">$todayloggedin[musername]</a>$todayloggedin[invisiblemark]$todayloggedin[buddymark]

تابع الصور وطبق
http://www.sa-web.net/swalif/mrb3at/01.jpg

http://www.sa-web.net/swalif/mrb3at/02.jpg

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

هذه الخطوه مهمه جدا جدا اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي
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');
text-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #006600;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#006600;
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;
}

.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;
}

ثم أعمل حفظ

اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء )

http://www.sa-web.net/swalif/mrb3at/05.jpg

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

اضف الكود التالي على مرحلتين

http://www.sa-web.net/swalif/mrb3at/07.jpg

ضع code1 في مربع النص الأول

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

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

code2 في مربع النص الثاني

" readonly style="width: 90">

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

http://www.sa-web.net/swalif/mrb3at/08.jpg


ملحوظة مهمه جداً : مجموعات الألوان كالتالي:
red = أحمر
green = أخضر
blue = أزرق
gray = رمادي
fushia = فوشي
orang= برتقالي
brown = بني
pink = بنفسج
black = اسود
white = أبيض

[أمير الجزيره]

جعلك سالم يابعدي لاخلا ولاعدم منك..