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

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

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


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


تحية طيبة

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

https://mwadah.com/images/imgcache/2008/08/1522.gif

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

https://mwadah.com/images/imgcache/2008/08/1523.gif

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

كود:

---


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

---

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


https://mwadah.com/images/imgcache/2008/08/1524.gif


https://mwadah.com/images/imgcache/2008/08/1525.gif


بعدها

https://mwadah.com/images/imgcache/2008/08/1526.gif
هاذا هو الكود الثاني يضاف لكل المجموعات
" readonly style="border-style:dotted; border-width:1px; width: 90">

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




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

https://mwadah.com/images/imgcache/2008/08/1527.gif

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

المراقبين

<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

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


كل الود

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

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

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

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

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

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