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

السلام عليكم

جبيت انقل لكم هذا الكود بصراحه روعه وايد عجبني


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

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

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

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

.red{margin: 0px 0px 0px 0px;*****: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'); ****-align:center;}.green{margin: 0px 0px 0px 0px;*****: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'); ****-align:center;}.blue{margin: 0px 0px 0px 0px;*****: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'); ****-align:center;}.gray{margin: 0px 0px 0px 0px;*****: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'); ****-align:center;}.fushia{margin: 0px 0px 0px 0px;*****: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'); ****-align:center;}.orang{margin: 0px 0px 0px 0px;*****: 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'); ****-align:center}.teal{margin: 0px 0px 0px 0px;*****: 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'); ****-align:center;}.brown{margin: 0px 0px 0px 0px;*****: 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'); ****-align:center;}.pink{margin: 0px 0px 0px 0px;*****: 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'); ****-align:center;}.black{margin: 0px 0px 0px 0px;*****: 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'); ****-align:center;}.white{margin: 0px 0px 0px 0px;*****: 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'); ****-align:center;}

وأعمل حفظ ,,, كرر العملية على باقي الستايلات

--------------------------------------------

ناتي لمجموعه الاعضاء:- ندخل على خصائص المجموعات

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

كود:
وقم بتغير كلمة red الموجودة في الكود الخاص بالمربع اليمين على كل مجموعة بلونها المحدد اللي تحبة يكون من الألوان التالية

red الاحمر

green اخضر

blue ازرق

gray = رمادي ,,,,

fushia = زهري ,,,,,

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

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

brown = بني ,,,,

pink = وردي ,,,,

black = أسود ,,,

white = أبيض



الصوره في المرفقات

تحياتي

منقول

الصور المرفقة <a href="http://pagerank.gulfson.com"> color_bg.gif&rlm; (5.0 كيلوبايت)