ابي اغير لون خلفيت المربعات

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

المشكله يالغالين هي

ابي اغير لون خلفية مربعات الاعضاء

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

ارفق الهاك لنستطيع مساعدتكـ .. لأن هاكات تغيير المربعات و الوانها كثيرة جدا

احترامي

هلا بك يالغالي

هذا الموضوع الي على اساسه ركبيت المربعات

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

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

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

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

https://mwadah.com/images/imgcache/2008/02/668.imgcache

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

https://mwadah.com/images/imgcache/2008/02/669.imgcache

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

https://mwadah.com/images/imgcache/2008/02/670.imgcache

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

https://mwadah.com/images/imgcache/2008/02/671.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/672.imgcachehttps://mwadah.com/images/imgcache/2008/02/673.imgcache

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

https://mwadah.com/images/imgcache/2008/02/674.imgcachehttps://mwadah.com/images/imgcache/2008/02/675.imgcache

اختر كلمة حفظ

https://mwadah.com/images/imgcache/2008/02/676.imgcache

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

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

https://mwadah.com/images/imgcache/2008/02/677.imgcache

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

https://mwadah.com/images/imgcache/2008/02/678.imgcache

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

https://mwadah.com/images/imgcache/2008/02/679.imgcache

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

https://mwadah.com/images/imgcache/2008/02/671.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/672.imgcachehttps://mwadah.com/images/imgcache/2008/02/673.imgcache

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

https://mwadah.com/images/imgcache/2008/02/674.imgcachehttps://mwadah.com/images/imgcache/2008/02/675.imgcache

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

https://mwadah.com/images/imgcache/2008/02/671.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/672.imgcachehttps://mwadah.com/images/imgcache/2008/02/673.imgcache

" readonly style="width: 90">

https://mwadah.com/images/imgcache/2008/02/674.imgcachehttps://mwadah.com/images/imgcache/2008/02/675.imgcache

ملاحظة :

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



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

هلا بك يالغالي

هذا الموضوع الي على اساسه ركبيت المربعات

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

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

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

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

https://mwadah.com/images/imgcache/2008/02/656.imgcache

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

https://mwadah.com/images/imgcache/2008/02/657.imgcache

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

https://mwadah.com/images/imgcache/2008/02/658.imgcache

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

https://mwadah.com/images/imgcache/2008/02/659.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/660.imgcachehttps://mwadah.com/images/imgcache/2008/02/661.imgcache

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

https://mwadah.com/images/imgcache/2008/02/662.imgcachehttps://mwadah.com/images/imgcache/2008/02/663.imgcache

اختر كلمة حفظ

https://mwadah.com/images/imgcache/2008/02/664.imgcache

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

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

https://mwadah.com/images/imgcache/2008/02/665.imgcache

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

https://mwadah.com/images/imgcache/2008/02/666.imgcache

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

https://mwadah.com/images/imgcache/2008/02/667.imgcache

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

https://mwadah.com/images/imgcache/2008/02/659.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/660.imgcachehttps://mwadah.com/images/imgcache/2008/02/661.imgcache

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

https://mwadah.com/images/imgcache/2008/02/662.imgcachehttps://mwadah.com/images/imgcache/2008/02/663.imgcache

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

https://mwadah.com/images/imgcache/2008/02/659.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/660.imgcachehttps://mwadah.com/images/imgcache/2008/02/661.imgcache

" readonly style="width: 90">

https://mwadah.com/images/imgcache/2008/02/662.imgcachehttps://mwadah.com/images/imgcache/2008/02/663.imgcache

ملاحظة :

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



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

هلا بك يالغالي

هذا الموضوع الي على اساسه ركبيت المربعات

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

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

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

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

https://mwadah.com/images/imgcache/2008/02/644.imgcache

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

https://mwadah.com/images/imgcache/2008/02/645.imgcache

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

https://mwadah.com/images/imgcache/2008/02/646.imgcache

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

https://mwadah.com/images/imgcache/2008/02/647.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/648.imgcachehttps://mwadah.com/images/imgcache/2008/02/649.imgcache

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

https://mwadah.com/images/imgcache/2008/02/650.imgcachehttps://mwadah.com/images/imgcache/2008/02/651.imgcache

اختر كلمة حفظ

https://mwadah.com/images/imgcache/2008/02/652.imgcache

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

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

https://mwadah.com/images/imgcache/2008/02/653.imgcache

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

https://mwadah.com/images/imgcache/2008/02/654.imgcache

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

https://mwadah.com/images/imgcache/2008/02/655.imgcache

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

https://mwadah.com/images/imgcache/2008/02/647.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/648.imgcachehttps://mwadah.com/images/imgcache/2008/02/649.imgcache

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

https://mwadah.com/images/imgcache/2008/02/650.imgcachehttps://mwadah.com/images/imgcache/2008/02/651.imgcache

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

https://mwadah.com/images/imgcache/2008/02/647.imgcacheاقتباسhttps://mwadah.com/images/imgcache/2008/02/648.imgcachehttps://mwadah.com/images/imgcache/2008/02/649.imgcache

" readonly style="width: 90">

https://mwadah.com/images/imgcache/2008/02/650.imgcachehttps://mwadah.com/images/imgcache/2008/02/651.imgcache

ملاحظة :

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



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