أريد هاك المربعات المتحركه بالقلوب!!

[شنصاوي]

السلام عليكم

بغيت الهاك او كود اقدر اخلي قلوب تتحرك داخل نك نيمات الاعضاء

يوجد مثال على هذا المنتدى

http://www.fntstc.com/vb/

ارجوا المساعده من الاخوان!!

[ضامي الود]

أول خطوة ارفع الصورة المرفقة إلى مجلد الصور الخاص بالمنتدى vb/images

قم بالدخول إلى لوحة تحكم المنتدى >>> التحكم بالستايلات

قم بالخطوات التالية على جميع الستايلات

CSS الرئيسي >>> أنزل آخر شي لعند "تعاريف CSS الإضافية/Additional CSS Definitions " أضف هذا الكود في نهاية القالب

.red
{
margin: 0px 0px 0px 0px;
width: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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.green
{
margin: 0px 0px 0px 0px;
width: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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.blue
{
margin: 0px 0px 0px 0px;
width: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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #CCCCCC;
cursor: pointer;
font-family:MS Sans Serif; 
font-size:10px; 
vertical-align:middle; 
letter-spacing:0; 
color:#CCCCCC; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.fushia
{
margin: 0px 0px 0px 0px;
width: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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.orang
{
margin: 0px 0px 0px 0px;
width: 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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center
}
.teal
{
margin: 0px 0px 0px 0px;
width: 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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.brown
{
margin: 0px 0px 0px 0px;
width: 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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.pink
{
margin: 0px 0px 0px 0px;
width: 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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.black
{
margin: 0px 0px 0px 0px;
width: 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:#FFE3DF;
background-image: url('images/color_bg.gif'); 
text-align:center;
}
.white
{
margin: 0px 0px 0px 0px;
width: 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:#FFE3DF;
background-image: url('images/color_bg.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 الموجودة في الكود الخاص بالمربع اليمين على كل مجموعة بلونها المحدد اللي تحبة يكون من الألوان التالية

red الاحمر

green اخضر

blue ازرق

gray = رمادي ,,,,

fushia = زهري ,,,,,

orang = برتغالي ,,,,

teal = اخضر فاتح ,,,

brown = بني ,,,,

pink = وردي ,,,,

black = أسود ,,,

white = أبيض

[الديهي]

تسلم حبيب قلبي على الهاك والشرح الجميل منك

تقبلو مروري

تحياتي

[مستر كوول]

تشكر عزيزي ضامي الورد

ولكن هل تصلح هذه الطريقة لنسخة 3.7.2

وماذا اذا لم اريد القلوب

اريده بدون قلوب


ومشكوور

[محمودأحمدحمادة]

ممتاز على الشرح تسلم ايدك