بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاتة

اليوم جبتلكم شرح بالصور
اللوان المجمواعات ملونة بداخلها قلوب متحركة
لرؤئية مثال
http://www.zamazika.************/vb/index.php

اللهم سهل الشرح واجعل من يقراة يستوعبة سريعا
امين يارب العالمين
بسم الله نبدا

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


ثم انزل تحت هتلاقى القالب دا




خد محتوياتة كوبي واحفظهم عندك عشان لو طلع خطا تعرف ترجعه تانى
وان شاء الله مايكون فى خطا


امسح الكود اللى فية
وحط الكود


[CODE].red margin: 0px 0px 0px 0px; width:48; border: 1px 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:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-align:center; green margin: 0px 0px 0px 0px; width:48; border: 1px 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:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-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:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-align:center; gray margin: 0px 0px 0px 0px; width:48; border: 1px solid #000066; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#000066; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-align:center; fushia margin: 0px 0px 0px 0px; width:48; border: 1px solid #CC0099; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CC0099; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-align:center; orang margin: 0px 0px 0px 0px; width: 48; border: 1px solid #FF9933; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF9933; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-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:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-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:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-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:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-align:center; black margin: 0px 0px 0px 0px; width: 48; border: 1px solid #4E0204; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#4E0204; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-align:center; white margin: 0px 0px 0px 0px; width: 48; border: 1px solid #CC0099; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CC0099; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#D1C4B4; background-image: url('altaer/color_bg.gif'); text-align:center;








.darkgreen

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #006400;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#006400;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;


.magenta

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #8B008B;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8B008B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;


.gold

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF9912;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF9912;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;



.aqua

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #00CDCD;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00CDCD;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.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:#FFFFFF;
background-image: url('images/color_bg1.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:#FFFFFF;
background-image: url('images/color_bg1.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:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;


.gray

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #7D7D7D;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#7D7D7D;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.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:#FFFFFF;
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:#FFFFFF;
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:#FFFFFF;
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:#FFFFFF;
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:#FFFFFF;
background-image: url('images/color_bg1.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:#FFFFFF;
background-image: url('images/color_bg1.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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}

.brown

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #8B2323;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8B2323;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;


.DarkBlue

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #00008B;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00008B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;


.DeepSkyBlue

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #00BFFF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00BFFF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;


.orang

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #CD8500;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CD8500;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;


.Purple

margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #800080;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#800080;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
text-align:center;

[/CODE]



ملحوظة
يوجد اسماء اللوان
مثل
red
green
blue
ياريت تاخدوا بالكم منها
المهم تم وضع الكود
اضغط حفظ





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




رقم واحد حط الكود دا

[CODE]<input type="text" name="T1" size="17" class="green" value="[/CODE]



مع مراعاة تغير green واختيار لون من الكود الاول خالص تزكر الملحوظة )


رقم اتنين _ حط بها الكود دا
[CODE]" readonly style="width: 90">[/CODE]
ودا مش بيتغير فى كل المجموعات



كرر العملية مع كل مجموعة اعضاء واختيار اللون المطلوب


وكدا خلصنا شرح اللوحة


نيجي بقى للاف تى بى

ارفع الملفات الاتية لمجلد ايميج
بالمرفقات


تم الشرح والحمد لله