تلوين مسميات الأعضاء بدون هاك وبدون المربعات (1 Viewer)

Damas

Administrator
طاقم الإدارة
الطريقة هذه شغاله على جميع النسخ للـvb

شرحي هذا لك على خطوتين فقط وهم كالتالي

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

اولاً : روح يا غالي إلى ( الستايلات & القوالب ) ثم (ضبط الستايلات )

01.jpg


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

02.jpg


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


03.jpg


ولما تقوم بالحفظ يا ليت تنسخ هالكود هذا اللي بعطيك اياه وتلصقه في تعريف 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');
****-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');
****-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');
****-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');
****-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');
****-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');
****-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');
****-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');
****-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');
****-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');
****-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');
****-align:center;
}




اختر كلمة حفظ

04.jpg


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

اولاً : رووح واختر ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء )

05.jpg


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

06.jpg


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

07.jpg


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

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




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


اقتباس
" readonly style="width: 90">


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



وان شاء الله يكون شرحي واضح ياغالي وأي استفسار تحت امرك ونا اخوك



ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــ

ولو تبي تخلي الأعضاء عندك الوان فقط بدون مربعات تابع معي


رووح للمجموعات فلنفرض بترووح لمجموعة المشرف العام

اول ما بتدخل عليه بيجيك مربعين تحت حط هذا على اليمين

<font color="#008080">

وحط هذا على اليسار

</font>

وتغير الكود هذا 008080 كل شي على حسب اللون اللي تبيه لكل مجمووعة

ارجو ان اكون وفقت في الشرح

الموضوع الأصلي

http://www.arabwebtalk.com/showthread.php?t=62053


 
أعلى