ملاحظه : لاتصلح هذه الطريقه الا اذا كنت تستخدم المربعات للاسماء
واللحين الطريقه
اولاً >>> رفع الصور المرفقه الى داخل مجلد الصور بالمنتدى vb/images
ثانياً>>> ادخل على الاستايلات من لوحة تحكم المنتدى
اختار الاستايل المطلوب التغيير عليه
اضغط على كلمة اذهب
في التعريف الاضافي للاستايل
تجدهـ بالاسفل
تعاريف CSS الإضافية/Additional CSS Definitions
قبل ان تضع الكود خذ نسخة للكود السابق
تعاريف css الافتراضيه
رمز Code:
.red
{
margin: 0px 0px 0px 0px;
*****: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('images/b9.gif');
****-align:center;
}
.green
{
margin: 0px 0px 0px 0px;
*****: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('images/b1.gif');
****-align:center;
}
.blue
{
margin: 0px 0px 0px 0px;
*****: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('images/b2.gif');
****-align:center;
}
.gray
{
margin: 0px 0px 0px 0px;
*****: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('images/b8.gif');
****-align:center;
}
.fushia
{
margin: 0px 0px 0px 0px;
*****: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('images/b3.gif');
****-align:center;
}
.orang
{
margin: 0px 0px 0px 0px;
*****: 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('images/b4.gif');
****-align:center
}
.teal
{
margin: 0px 0px 0px 0px;
*****: 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');
****-align:center;
}
.brown
{
margin: 0px 0px 0px 0px;
*****: 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('images/b5.gif');
****-align:center;
}
.pink
{
margin: 0px 0px 0px 0px;
*****: 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('images/b6.gif');
****-align:center;
}
.black
{
margin: 0px 0px 0px 0px;
*****: 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('images/b5.gif');
****-align:center;
}
.white
{
margin: 0px 0px 0px 0px;
*****: 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('images/b8.gif');
****-align:center;
}
ناتي لمجموعه الاعضاء
المربع الاول نضع (الايمن)
رمز Code:
red الاحمر
green اخضر
blue ازرق
وغيرها من الالوان
الملفات المرفقة
a6laal.zip (2.9 كيلوبايت)