[درس] : اسماء الاعضاء بشكل متحرك (طريقه سهله)

ملاحظه : لاتصلح هذه الطريقه الا اذا كنت تستخدم المربعات للاسماء

واللحين الطريقه

اولاً >>> رفع الصور المرفقه الى داخل مجلد الصور بالمنتدى 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 كيلوبايت)