<div>اخوتي لكثرت الطلب على القلوب المتطايره على مسميات الاعضاء

وكثر نشرها في المنتديات ولكنها تنقل بطريقه خطاء

ونا تعبت بين التنقل بين المنتديات ولكن لما اجد الكود اجده خاطي وتعبت في البحث

حتى وجده بطريقه سليمه والان اضعه امام الجميع بعد ماركبتها على منتديائي

وقمت بتجربه وصبح شغال 100 % انسخة المنتدى عندي 3.7.3

ولكن للامانه اذا نقل الشرح الى منتدى ثاني يذكر المصدر مربوط بالمثال


المثال

www.bnat2000.com

الشرح


افتح لوحة التحكم>>الاستايلا والقوالب>>التحكم بالاستايلات>>اختر الاستايل الي تريد التركيب فيه ثم اضغط السهم

وختر cssرئسي >>> ثم انزل الى اخر مربع بالصفحه (التخصيص في هذا الاستايل)

ثم ضع هذا الكود في الخير

الكود

.darkgreen
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #006400;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#006400;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.magenta
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #8B008B;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8B008B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.gold
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #FF9912;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF9912;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.aqua
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #00CDCD;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00CDCD;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.red
{
margin: 0px 0px 0px 0px;
*****: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:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
*****: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:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
*****: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:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.gray
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #7D7D7D;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#7D7D7D;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.fushia
{
margin: 0px 0px 0px 0px;
*****: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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.orang
{
margin: 0px 0px 0px 0px;
*****: 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
****-align:center
}

.teal
{
margin: 0px 0px 0px 0px;
*****: 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
*****: 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.pink
{
margin: 0px 0px 0px 0px;
*****: 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:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.black
{
margin: 0px 0px 0px 0px;
*****: 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:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.white
{
margin: 0px 0px 0px 0px;
*****: 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
****-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #8B2323;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8B2323;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.DarkBlue
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #00008B;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00008B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.DeepSkyBlue
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #00BFFF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00BFFF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.orang
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #CD8500;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CD8500;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

.Purple
{
margin: 0px 0px 0px 0px;
*****:48;
border: 2px solid #800080;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#800080;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('images/color_bg1.gif');
****-align:center;
}

حفظ التغيرات

ثم رفع الصوره المرفقه على الافتي بي منتداك

على مسار الصور vb/... images

ثم اذهب الى لوحة التحكم >>مجموعة الاعضاء >>التحكم بالمجموعات

على سبيل المثال اختار مجموعة المدير >>تعديل المجموعه

المربعين التي امام اسم العضو بصيغة html

نضع في المربع الايسر

" readonly style="*****: 90">

ونضع في المربع الايمين