تعديل ع الوان المجموعات/مربعات/مربعات منقطه من آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ

[ابـ الزعيــم ـن]

السلام عليكم ورحمة الله وبركاته

ندخل في الموضوع

طبعاً لا يخفى ع الكل
[ هاك ] الوان المجموعات المتقدمه (مربعات - الوان عاديه - مربعات منقطه - الوان متحركه) ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])

من اخونا المبدع دائماً / dr-php

الله يعطيه العافيه ماقصر والله

طيب كثير من اصحاب المواقع ركبو الهاك هذا وانا اولهم
ووجهتنا مشكله إلي هي لما تختار بعض من اللوان المجموعه من المربعات المنقطه أو العاديه
يطلع مستطيل طويل ويكون اسم العضو ع اليمين واللون الاسود

طيب تعال لا تحتار ولا تفكر وش تسوي ولا غيرهـ :santa_1:

تبي يكون المربعات بأيطار موحد اللون الاسود مهما كان لون المجموعه


روح لـ css في الاستايل المستخدم
ومسح الي موجود فيه وضع هذا مكانه

.bluef
{
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:#8000c0;
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: 2px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#a0a040;
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 #000000;
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;
}

.orang
{
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:#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
}

.zete
{
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;
}

.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:#80ff00;
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 #000000;
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;
}

.laimon
{
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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}

.yellow
{
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:#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;
}

.gray
{
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:#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;
}

.brown
{
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:#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;
}

.bnfs
{
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:#20ffff;
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 #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#400060;
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;
}

.red
{
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:#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;
}

طيب تبي يكون لون المربع مثل لون المجموعه


روح لـ css في الاستايل المستخدم
ومسح الي موجود فيه وضع هذا مكانه

.bluef
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #8000c0;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8000c0;
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: 2px solid #a0a040;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#a0a040;
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;
}

.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
}

.zete
{
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;
}

.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #80ff00;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#80ff00;
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;
}

.laimon
{
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:#FFFFFF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}

.yellow
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px 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;
}

.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;
}

.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;
}

.bnfs
{
margin: 0px 0px 0px 0px;
width: 48;
border: 1px solid #20ffff;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#20ffff;
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 #400060;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#400060;
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;
}

.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;
}


وسلامتكم

ياليت تحتفظ بنسخه من css قبل التعديل عشان لو ما اعجبك تقدر تعيده مره آخرى


۩¯−ـ‗ آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ ‗ـ−¯۩

[اااااميرة في المملكــة]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ابـ الزعيــم ـن]

العفوووووووووووووو خيتوووووووووووووووو


۩¯−ـ‗ آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ ‗ـ−¯۩

[ثلج حار]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية

[برنسيسه]

انت فللللللللللللللللله


هات خشمكـ




























خله بكره
هههههههههههههههههه


ياسلام عليكـ يازعيم

[ابـ الزعيــم ـن]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية




العفووووووووووووو خيوووووووووووووووو


۩¯−ـ‗ آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ ‗ـ−¯۩

[ابـ الزعيــم ـن]

انت فللللللللللللللللله


هات خشمكـ




























خله بكره
هههههههههههههههههه


ياسلام عليكـ يازعيم




:mh13::SnipeR (28)::sm242:


۩¯−ـ‗ آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ ‗ـ−¯۩

[الملكـ نـوف ـه]

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

يسلموووو زعيم

يعطيك العافيه يالغلا

[ابـ الزعيــم ـن]

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

يسلموووو زعيم

يعطيك العافيه يالغلا

اشكرك على مرورك وتمنياتي لك بلاستفاده من هذا الموضوع


۩¯−ـ‗ آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ ‗ـ−¯۩

[بندر _]

شكر لك الف الف شكر اخوي

[ابـ الزعيــم ـن]

شكر لك الف الف شكر اخوي
العفووو حبيب آلبي


۩¯−ـ‗ آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ ‗ـ−¯۩

[أنوثة الورد]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[نجم حايل]

الف شكر لك خيووووووه

[ابـ الزعيــم ـن]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الف شكر لك خيووووووه


اشكركم جميعاً على مروركم في صفحاتي







۩¯−ـ‗ آبٌَِـِِّ آلزٍُعًٍيَـِِّـِِّمً ـِِّنْ ‗ـ−¯۩

[ردقلبي]

الله يعطيك الف عافية
يا كثر ما تعبتني هذي الحركة الف مليون شكر

[ابـ الزعيــم ـن]

الله يعطيك الف عافية
يا كثر ما تعبتني هذي الحركة الف مليون شكر

الله يعافيك ياااارب

[نظرته هيبته]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ابـ الزعيــم ـن]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

العفووو اخي الفاضل

[FeeNEX]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ما قصرت تسلم شى جميل

[ابـ الزعيــم ـن]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ما قصرت تسلم شى جميل

الله يسلمك يااارب

[ر و ح ا ل م ج د]

يعطيك العافية

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ابـ الزعيــم ـن]

يعطيك العافية



شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .


الله يعافيك يااارب

[الم وعشناه]

ررررررررررررررررررررررائع

[ابـ الزعيــم ـن]

ررررررررررررررررررررررائع

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

[ابوريتاج]

يعطيك العافيه
وعساك على القوة
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ابـ الزعيــم ـن]

يعطيك العافيه

وعساك على القوة
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .



الله يعافيك يااارب