اسماء الاعضاء ملونه وداخل مستطيلات روعه

[Abdullah Alhoshan]

هلا فيك ..

اضف هالمتغير وبتنحل تماما display:block;
ولا تنسى تضيف padding للكل ، بالتوفيق يارب

[EJR7.COM]

أشكرك يالغالي على تجاوبك

وعسى الله يكتبها في ميزان حسناتك ..

لكن المشكله الى الآن مانحلت!!

www.ejr7.com/vb << بإمكانك الاطلاع عليها

وهذا نموذج الكود الذي وضعته:shy:

.d{ 
border: 1px solid #FF66CC; 
cursor: pointer; 
font-family:MS Sans Serif;  
font-size:10px;
vertical-align:bold;  
color:#FF66CC;  
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-image:url('color/pink.gif'); 
text-align:center;
width:70px;
display:block;
}

[Abdullah Alhoshan]

العرض في الكلاسات ماهو متشابه تمام شي وضعته انت 100 وشي 70

غير الdisplay بي
display:inline-block;

[EJR7.COM]

الله يسعدك

ايوالله صادق الحين عدلتها واضفت الي قلت لي عليه بس باقي كم مشكله

www.ejr7.com/vb << :shy:

وهذا الكود كامل

/*الوان المدير */
.a{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family:MS Sans Serif;  
font-size:10px;
vertical-align:bold;  
color:#FF1515; 
border-style:double;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-image:url('color/pink.gif'); 
text-align:center;
width:70px;
display:inline-block; 
}
/*الوان المشرفين العوام */
.b{
border: 1px solid #008000; 
cursor: pointer; 
font-family:MS Sans Serif;  
font-size:10px;
vertical-align:bold;  
color:#008000;
border-style:double; 
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-image:url('color/green.gif'); 
text-align:center;
width: 70px;
display:inline-block; 
}
/*الوان المشرفات  */
.c{
border:1px solid #0000FF; 
cursor: pointer; 
font-family:MS Sans Serif;  
font-size:10px;
vertical-align:bold;  
color:#0000FF;
border-style:double;
padding:0px 15px 0px 15px; 
background-color:#ECEEF0;
background-image:url('color/blue.gif'); 
text-align:center;
width: 70px;
display:inline-block; 
}
/*الوان الاعضاء */
.d{ 
border: 1px solid #FF66CC; 
cursor: pointer; 
font-family:MS Sans Serif;  
font-size:10px;
vertical-align:bold;  
color:#FF66CC;
border-style:double;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-image:url('color/pink.gif'); 
text-align:center;
width:70px;
display:inline-block;
}
/*الوان أمير المنتدى */
.e{
border: 1px solid #2197e4; 
cursor: pointer; 
font-family:MS Sans Serif;  
font-size:10px;
vertical-align:bold;  
color:#2197e4;
border-style:double;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
background-image:url('color/b20.gif'); 
text-align:center;
width:70px;
display:inline-block; 
}
/*الوان الموقوفين */
.f{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family:MS Sans Serif;  
font-size:10px;
vertical-align:bold;  
color:#FF1515;  
border-style:double;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
background-image:url('color/qtr22.gif'); 
text-align:center;
width:70px;
display:inline-block; 
}

[Abdullah Alhoshan]

مرحبا ..

عندك مشكلة في الخط ..

استخدم

	font-family: "Microsoft Sans Serif";
	font-size: 8pt;

للمعلوميه
border-style:double
تعني ان يكون الحد الخارجي عريض بيكون 2 بكسل .. تقدر تستغني عنه وتخلي العرض فوق 2 بكسل او اذا كنت حاب تخليه تتركه

وعندك vertical-align:bold هذي خطا .. ما يمكن تاخذ المتغير blod اذا تبي تخلي الخط عريض استخدم font-weight: bold
بالتوفيق

[EJR7.COM]

والله مدري وش اقولك لكن المشكله باقي :shy:

www.ejr7.com/vb

الكود

/*الوان المدير */
.a{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515; 
border-style:double;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-image:url('color/pink.gif'); 
text-align:center;
width:70px;
display:inline-block; 
}
/*الوان المشرفين العوام */
.b{
border: 1px solid #008000; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#008000;
border-style:double; 
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-image:url('color/green.gif'); 
text-align:center;
width: 70px;
display:inline-block; 
}
/*الوان المشرفات  */
.c{
border:1px solid #0000FF; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0000FF;
border-style:double;
padding:0px 15px 0px 15px; 
background-color:#ECEEF0;
background-image:url('color/blue.gif'); 
text-align:center;
width: 70px;
display:inline-block; 
}
/*الوان الاعضاء */
.d{ 
border: 1px solid #FF66CC; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF66CC;
border-style:double;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-image:url('color/pink.gif'); 
text-align:center;
width:70px;
display:inline-block;
}
/*الوان أمير المنتدى */
.e{
border: 1px solid #2197e4; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#2197e4;
border-style:double;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
background-image:url('color/b20.gif'); 
text-align:center;
width:70px;
display:inline-block; 
}
/*الوان الموقوفين */
.f{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515;  
border-style:double;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
background-image:url('color/qtr22.gif'); 
text-align:center;
width:70px;
display:inline-block; 
}

[Abdullah Alhoshan]

هل ممكن توضح اكثر وش المشكلة ؟ اشوفها شغاله تمام

[EJR7.COM]

:court:

والله مدري وش اقولك بعض الأسماء تخرج خارج المربع في الإحصائيات

وبعض الأسماء الطويله تصبح في سطرين وكذا شكلها مو حلو :shy:

يعني هل من الممكن الأسماء الطويله تكون تكملتها (...) نقاط وليس أن تكمل في سطر جديد

أعلم اخوي جواني اني زودها شوي لكن مالنا غير الله ثم انتم

[Abdullah Alhoshan]

هلابك اخوي .. بالعكس مافيه شي ، نبي الكل يستفيد وننشر العلم للجميع ..

تفضل اخوي اضف هالمتغيرين وراح تحل مشكلة خروج النص عن المربع وتحل مشكلة ان النص يجي في سطرين

overflow:hidden;
white-space:nowrap;

طلب اخير ياليت تضيف الكود بالنهايه حتى الجميع يستفيد منه وينسخه

بالتوفيق يارب

[EJR7.COM]

الله يسعدك يالغالي ويوفقك دنيا وآخره :nice:

حقيقه أنك خدمتني خدمه لن أنساها ماحييت عسى الله يسقيك من ماء الحوض ويدخلك الجنه أنت وكل من تحب ..


تفضل يالغالي هذا هو الكود :

/*الوان المدير */
.a{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515; 
border-style:double;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-image:url('color/pink.gif'); 
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان المشرفين العوام */
.b{
border: 1px solid #008000; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#008000;
border-style:double; 
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-image:url('color/green.gif'); 
text-align:center;
width: 50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان المشرفات  */
.c{
border:1px solid #0000FF; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0000FF;
border-style:double;
padding:0px 15px 0px 15px; 
background-color:#ECEEF0;
background-image:url('color/blue.gif'); 
text-align:center;
width: 50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الاعضاء */
.d{ 
border: 1px solid #FF66CC; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF66CC;
border-style:double;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-image:url('color/pink.gif'); 
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان أمير المنتدى */
.e{
border: 1px solid #2197e4; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#2197e4;
border-style:double;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
background-image:url('color/b20.gif'); 
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap; 
}
/*الوان الموقوفين */
.f{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515;  
border-style:double;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
background-image:url('color/qtr22.gif'); 
text-align:center;
width:50px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

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

والله عاجز عن شكرك أخي جواني :nice:

[Abdullah Alhoshan]

الله يجزاك خير اخوي .. بالتوفيق للجميع .. والله يتقبل للجميع يارب

للمزيد حول CSS انصح الجميع بالدخول على هذا الموقع والتعلم منه CSS Tutorial

[3rabstarz]

يسلمووووو على المرورررررر

[3rabstarz]

يسلموووو

[كاظم الشيخ]

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