PDA

مشاهدة نسخة كاملة : تلوين اسماء الأعضاء بمربعات وشرح ثاني يكونوا ملونين بدون مربعات


رياح الحب
23-11-2006, 07:32 AM
الطريقة هذه شغاله على جميع النسخ 3.5.0 والنسخ 3.6.0

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

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

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

http://absba6.absba.org/teamwork7/saif02/251662/01 .jpg

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

http://absba6.absba.org/teamwork7/saif02/251662/02 .jpg

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

http://absba6.absba.org/teamwork7/saif02/251662/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');
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://absba6.absba.org/teamwork7/saif02/251662/04 .jpg

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

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

http://absba6.absba.org/teamwork7/saif02/251662/05 .jpg

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

http://absba6.absba.org/teamwork7/saif02/251662/06 .jpg

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

http://absba6.absba.org/teamwork7/saif02/251662/07 .jpg

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

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

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

" readonly style="width: 90">





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



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

وتبي تشوف النتيجة ومثال تفضل

http://www.r4444r.com/vb

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

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

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

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

<font color="#008080">

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

</font>

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

وأعذرني على التقصير يا غالي

لمسة ابداع
23-11-2006, 08:43 AM
مشكوور اخي شرح مميز ورائع

اتمنى المزيد من هذا الابداع

sopr-a3lan
29-11-2006, 05:53 AM
مشكور حبيبى ونتمنى المزيد

medooo2010
29-11-2006, 09:01 AM
مشكووووووور حبيبي

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

:) :) :)

رياح الحب
11-12-2006, 05:35 AM
مشكوور اخي شرح مميز ورائع

اتمنى المزيد من هذا الابداع

العفو اخوي وابشر باللي يرضيك يا بعدي ومشكووور على المرور

We 2 SeCuRiTy
11-02-2007, 12:06 AM
مشكور ويعطيك آلعآفيه
بس وين أحصّل بآقي آلألوآن ... ؟

l3bxl3b
14-02-2007, 06:23 PM
مشكور اخوى ,,

بالانسبة للالوان يمكنك تحصيلها من الفرونت بيدج

رياح الحب
15-02-2007, 05:54 AM
مشكور حبيبى ونتمنى المزيد

العفو اخوي وتحت امرك يا غالي :)

>>مــخــربــهــا<
17-02-2007, 05:29 PM
شرح راائع

مشكور

سكرمكر
15-05-2007, 02:34 AM
مشكور اخوي الله يعطيك العافيه

abuazooz
15-05-2007, 02:35 PM
الف شكر اخوي على الشرح المميز