هاك المتواجدون بالمربعات والالوان

[غيـــــــــــوض]

.::||[ خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى ]||::.

.::||[ 1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) ]||::.

http://www.qeoth.info/qeoth/untitled0.jpg

.::||[ 2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) ]||::.

http://www.qeoth.info/qeoth/untitled00.jpg

.::||[ 3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - ]||::.

http://www.qeoth.info/qeoth/untitled2.jpg

.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:#FFE3DF;
background-image: url('altaer/color_bg.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:#FFE3DF;
background-image: url('altaer/color_bg.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:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}

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

.::||[ ثم أعمل حفظ من اسفل ]||::.

http://www.qeoth.info/qeoth/untitled4.jpg

.::..::..::..::..::..::..::..

.::||[ خطوة (2) ]||::.

.::||[ 1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) ]||::.

http://www.qeoth.info/qeoth/untitled.jpg

.::||[ 2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) ]||::.

http://www.qeoth.info/qeoth/untitled1.jpg

.::||[ 3- اضف الكود التالي على مرحلتين ]||::.

http://www.qeoth.info/qeoth/untitled22.jpg

.::||[ ضع code1 في مربع النص الأول ]||::.

.::||[ code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ] ]||::.

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

.::||[ وضع code2 في مربع النص الثاني ]||::.

.::||[ code2: ]||::.

" readonly style="width: 90">

.::||[ ثم أضغط على زر ( تحديث ) في الاسفل ]||::.

.::..::..::..::..::..::..::..

http://www.qeoth.info/qeoth/untitled4.jpg

.::||[ ثم قم بعمل تحديث للعدادات كما هو موضح في الصورة ]||::.

http://www.qeoth.info/qeoth/untitled7.jpg

7

http://www.qeoth.info/qeoth/untitled5.jpg

7

http://www.qeoth.info/qeoth/untitled6.jpg

.::||[ اتمنى ان الشرح وافي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

[غيـــــــــــوض]

.::||[ اعتذر اخواني نسيت احط طريقة التعديل على الالوان وهي كالتالي: ]||::.

.::||[ تابعو الصورة التالية..صورة (12) ]||::.

http://www.qeoth.info/qeoth/untitled11.jpg

.::||[ 7 ]||::.

http://www.qeoth.info/qeoth/untitled33.jpg

.::||[ 1- كود حجم المربع : ( width: 48; ) - صورة (12) >--->> (1) ]||::.

.::||[ 2- كود نوع الخط : ( font-family:MS Sans Serif; ) - صورة (12) >--->> (2) ]||::.

.::||[ 3- كود لون خلفية المربع : ( background-color:#FFE3DF; ) - صورة (12) >--->> (3) ]||::.

.::||[ 4- كود لون النص داخل المربع : ( color:#ffffff; ) - صورة (12) >--->> (4) ]||::.

.::||[ 5- كود صورة الخلفية للمربع : ( background-image: url('altaer/color_bg.gif'); ) - صورة (12) >--->> (5) ]||::.

.::||[ 6- كود اللون الخاص بالمجموعة في خطوة (2) مهم جدا : ( class="red" ) صورة (13) >--->> (1) ]||::.

.::||[ استبداله باسم المجموعة الخاصة بالكود المراد استخدامه لمجموعة المستخدمين في خطوة (2) عند ( code1 ) ]||::.

.::||[ ملحوظة : مجموعات الألوان كالتالي: ]||::.

.::||[ .red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي ]||::.

.::||[ .orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

[إضـاءآت]

بارك الله فيك

ابداع وشرح كافي ووافي

[غيـــــــــــوض]

.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

[Dooem]

مشكور غيـــــــــــوض بارك الله فيك

[غيـــــــــــوض]

.::||[ العفو اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

[طالب^علم]

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

[عبدالله الحصان]

بارك الله فيك

[ياسمين]

هاي شوية صعبة

خلينا في السهل المضمون

[غيـــــــــــوض]

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

.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

[غيـــــــــــوض]

بارك الله فيك

.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

[غيـــــــــــوض]

هاي شوية صعبة

خلينا في السهل المضمون

.::||[ كل شي سهل بس يبي له تركيز ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.

[lmsat.net]

مشكور حبيبي غيووض

[غيـــــــــــوض]

.::||[ تسلم اخوي ]||::.

.::.تحياتي.::.
.::.غيـــــــــوض.::.