شرح تلوين اسماء الأعضاء وبمربعات css

[محـب الحسين]

http://www.ahbabhusain.com/vb/mwaextraedit4/extra/92.gif

الخـــطـــوة الأولــــى

اولاً : اذهب إلى ( الستايلات & القوالب ) ثم (ضبط الستايلات )

http://www.bdr130.net/vb/imgcache/3762.imgcache.jpg (http://www.bdr130.net/vb/t86577.html)

ثانيا : أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات )

http://www.bdr130.net/vb/imgcache/3763.imgcache.jpg (http://www.bdr130.net/vb/t86577.html)

ثالثاً : في الاخير ستجد هذه الكلمة ( تعريف CSS إضافي ) وستجد كود قديم موجوك عندك
قبل كل شي انسخ الكود الموجود في ×× تعريف CSS إضافي ×× وأحتفظ فيه للأحتياط لو صار تركيبك غلط

http://www.bdr130.net/vb/imgcache/3764.imgcache.jpg (http://www.bdr130.net/vb/t86577.html)

ولما تقوم بالحفظ يا ليت تنسخ هالكود هذا الذي اعطيك اياه وتلصقه في تعريف CSS إضافي اللي ذكرته لكد

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


اختر كلمة حفظ

http://www.bdr130.net/vb/imgcache/3765.imgcache.jpg (http://www.bdr130.net/vb/t86577.html)

الخـــطـــوة الــثــانــيــه

اولاً : اذهب الى ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء )

http://www.bdr130.net/vb/imgcache/3766.imgcache.jpg (http://www.bdr130.net/vb/t86577.html)

ثانياً : أضغط ( اذهب ) على خيار ( تعديل المجموعة )

http://www.bdr130.net/vb/imgcache/3769.imgcache.jpg (http://www.bdr130.net/vb/t86577.html)

ثالثاً :قم بموضع الكود التالي على مرحلتين

http://www.bdr130.net/vb/imgcache/3767.imgcache.jpg (http://www.bdr130.net/vb/t86577.html)

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


<input type="text" size="17" class="green" value="


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

" style="width: 90" />

كل مجموعة تغير فقط هذه الكلمة التي في الكود الأول مثال (green - blue - pink ) حسب ما تريد لون المجموعة

http://www.ahbabhusain.com/vb/mwaextraedit4/extra/34.gif