الاعضاء في مربعات في المتواجدون الان

[رعــ ب ــوب]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

كيف حالكم إن شاء الله بخير ؟


اتمنى انكم تعلموني طريقة وضع الاعضاء في المتواجدون الان في مربعات مثل اللي في المودة 100%
وهل هو هاك ام ماذا ,,


تحية طيبة

[قدوتي الرسول]

السلام عليكم ورحمة الله وبركاته
شوف اخي الكريم ارفع ملد altaer الى مجلد المنتدى الرئيسي
وروح على لوحت ادمن ثم التحكم باستايلات ثم css الرئيسي من استايل



واذهب الى تعاريف css الاضافيه



واضف في اخرها الكود التالي

 
 
.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/red.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/green.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/blue.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/orang.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/b7.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/b3.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/black.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;  
}

منثم روح مجموعات الاعضاء ثم التحكم بالمجموعات








بعدها


هاذا هو الكود الثاني يضاف لكل المجموعات
" readonly style="border-style:dotted; border-width:1px; width: 90">

اضفه في كل امجموعات في المربع المشار عليه في الصوره السابقه




اما الكود الاول الذي به الالوان يوضع في هذا المربع



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

المراقبين

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

الاداريين

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

المشرفين

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


ينتظرون اتفعيل

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

الاعضاء

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

انتها واذا عندك اي استفسار او شيء اخر انا في الخدمه

وهذا رابط الملف

www.twasol.info/altaer.rar

لا تنسى ترفع الملف لمجلد المنتدى الرئيسي بعد فك الظغط


كل الود

[رعــ ب ــوب]

والله مافهمت ولاشي يالغالية

اتمنى تعذريني وتشرحين ثانية انكان تقدرين

والله من جد اسف

[قدوتي الرسول]

ولا اهمك اصبر عليه اخلص الي بيدي واعملك الشرح بالصور انشاء الله

[رعــ ب ــوب]

الله يجزاك الف خير

والله مشكووووووووووووورة