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

12-16-2007, 08:32 AM

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

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

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

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

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

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

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

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

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

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

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

كود PHP:

  .red

كود PHP:

  [center]{   
[center]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');   
****-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');  
****-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');   
****-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');   
****-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');  
****-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');   
****-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');   
****-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'); 
****-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');   
****-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');   
****-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');   
****-align:center;   

}  [/center][/center]

ناتي لمجموعه الاعضاء

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

كود PHP:

  <input type="****" name="T1" size="17" class="red" value="

المربع الثاني( الايسر)

كود PHP:

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

اقتباس:


	red الاحمر

اقتباس:


	green اخضر blue ازرق وغيرها من الالوان

واى استفسار انا حاضر بامر الله

**عاشق فلسطين** · 12-16-2007, 04:38 PM

مشكور علي الهاك والشرح

12-16-2007, 06:55 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة عاشق فلسطين


	مشكور علي الهاك والشرح

الشكر لله يا غالى

**مخاوي الحب** · 12-21-2007, 07:27 AM

تسلم على الهاك

روابط مفيدة : استرجاع كلمة المرور\| طلب كود تفعيل العضوية \| تفعيل العضوية