اسماء الاعضاء بشكل متحرك (طريقه سهله

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

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

اولاً >>> رفع الصور المرفقه الى داخل مجلد الصور بالمنتدى vb/images



ثانياً>>> ادخل على الاستايلات من لوحة تحكم المنتدى

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

اضغط على كلمة اذهب

في التعريف الاضافي للاستايل

تجدهـ بالاسفل

تعاريف CSS الإضافية/Additional CSS Definitions

قبل ان تضع الكود خذ نسخة للكود السابق




تعاريف css الافتراضيه

كود:

.red { margin: 0px 0px 0px 0px; width: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'); text-align:center; } .green { margin: 0px 0px 0px 0px; width: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'); text-align:center; } .blue { margin: 0px 0px 0px 0px; width: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'); text-align:center; } .gray { margin: 0px 0px 0px 0px; width: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'); text-align:center; } .fushia { margin: 0px 0px 0px 0px; width: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'); text-align:center; } .orang { margin: 0px 0px 0px 0px; width: 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'); text-align:center } .teal { margin: 0px 0px 0px 0px; width: 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'); text-align:center; } .brown { margin: 0px 0px 0px 0px; width: 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'); text-align:center; } .pink { margin: 0px 0px 0px 0px; width: 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'); text-align:center; } .black { margin: 0px 0px 0px 0px; width: 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'); text-align:center; } .white { margin: 0px 0px 0px 0px; width: 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'); text-align:center; }
ناتي لمجموعه الاعضاء

المربع الاول نضع (الايمن)


كود:

<input type="text" name="T1" size="17" class="red" value="
المربع الثاني( الايسر)


كود:

" readonly style="border-style:dotted; border-width:1px; width: 90">

red الاحمر

green اخضر

blue ازرق

وغيرها من الالوان

مودتيـ



hslhx hghuqhx fa;g ljpv; ('vdri sigi)