شباب عندي مشكلة في اللوان المربعات لمجموعات الاعضاء

صباح الخير حبايبي

جايكم بمشكله جديده ادري بتقولون كل شوي راز وجه بمشكله ماتخلص مشاكله بقول عادي اموووون<<< وش عنده

المهم عندي مشكله في الوان المجموعات ومركب هاك الوان المجموعات المتقدمه في مربعات والهاك هذا معطيني يمكن 15 لون وانا ابي اللوان اكثر

لان عندي 16 مجموعة اعضاء الله يزيدهم المهم وبعض اللوان ماهي مناسبه ابي اضيف الوان زياده كيف وهذي هي الاوان الموجوده عندي ابي ازيد اللوان اضافيه

ياليت تعلموني كيف

.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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px solid #008000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#008000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 1px 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.orang
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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:#FFFFFF;
background-image: url('altaer/color_bg.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:#FFFFFF;
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:#FFFFFF;
background-image: url('altaer/color_bg.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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.white
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.yellow
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #FFFF00;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FFFF00;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.bluef
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #00FFFF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00FFFF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.zete
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #808000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#808000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.laimon
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #00FF00;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00FF00;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.bnfs
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #CC99FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC99FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}

margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #CC99FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC99FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;

الشرح
========================= ====
border: 1px solid #CC99FF=====طبعا كود اللون (( #CC99FF)) هذا لون تقدر تغيرة على كيفك من الفرونت بيج
========================= ===
background-color:#FFFFFF==== طبعا كود اللون هذا (( #FFFFFF ))هذا لون تقدر تغيرة على كيفك من الفرونت بيج
========================= ==
background-image: url('altaer/color_bg.gif' ======== طبعا رابط الصورة هذا ((( 'altaer/color_bg.gif' )) هذي صورة خلفية للمربع تقدر تغيرها اذا تبي وبتلاقيها بمجلد اسمة altaer موجود على مجلد المنتدى

على فكرة كل مجموعة لون فيها هذي الخيارات عدل اللون مثل ما تحب من الفرونت بيج حتى بأمكانك تضيف مجموعة جديدة وحدد الالوان وبيضبط معاك كل شي
اذا واجهت اي صعوبة انا حاضر تحياتي لك
توضيح :: هذي مجموعة كاملة
bnfs
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #CC99FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC99FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
وهذي ايضا مجموعة كاملة
black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px 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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
كل اللي شرحتة موجود بكل مجموعة وايضا تقدر تعدل الحجم ولكن اعتقد انك ما تحتاج الى تعديلة

تحياتي لك