النوع : css
النسخة : phpbb2

السلام عليكم ورحمة الله وبركاته 
كيفكم ان شاء الله بأفضل حال وصحة 
واعتذر لتأخري لعدم أظافة مواضيع جديده 
وبأذن الله في هذا الشهر سوف أمتعكم يأحلى المواضيع الجديده 
واعتبروا هذا الموضوع أول الغيث 
لاأطيل المقدمة عليكم واترككم في صلب الموضوع 

موضوعي اليوم أفكار اقتبستها من منتديات vb وأظن أن بعض منتديات أحلى منتدى 
قامت بأقتباس نفس الفكرة لكن يبدوا انها لم تكن للمستوى المطلوب 
فاحببت أن أعمل عليها حتى تصل للمستوى المطلوب 
وهو خلفية لأسماء المجموعات والأعضاء ولكل مجموعه خلفية خاصة بها 
عملت على 6 أشكال واتمنى ان تنال رضاكم واستحسانكم 
وإليكم الشكل الأول 

مثال |في لوحة المتواجدون الآن|





مثال |في المواضيع|



الكود وشرح تركيبة




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

أولا
من لوحة الأدارة 







نقوم بالتعديل على ألوان المجموعات التي نريدها



نغير كود اللون لكل مجموعه لون خاص وهذي أكواد الألوان الخاصة بكل خلفية


خلفية برتقالية كود اللون : #fefefe

خلفية رمادية كود اللون : #fbfbfb

خلفية زرقاء كود اللون : #fffffc

خلفية خضراء كود اللون : #fffffb

خلفية وردية كود اللون : #fffffd

خلفية موفية كود اللون : #fffffe

خلفية سماوية كود اللون : #fafafa

خلفية حمراء كود اللون : #ffffff

خلفية عنابية كود اللون : #ffffffa


ثانيا 

من لوحة الأدارة 









وهذا هو الكود 

الكود:

الرمز:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- www.haya-m.net ----------- */
/* برتقالي  */
a[href="/g203-group"] ,a span[style="color:#fefefe"] strong  {
background-color:#ffb400;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* رمادي */
a[href="/g278-group"] ,a span[style="color:#fbfbfb"] strong  {
background-color:#bdbdbd;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}


/*  أزرق */
a[href="/g7-group"] ,a span[style="color:#fffffc"] strong  {
background-color:#0042ff;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* أخضر */
a[href="/g34-group"] ,a span[style="color:#fffffb"] strong  {
background-color:#78dd00;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* الوردي */
a[href="/g236-group"] ,a span[style="color:#fffffd"] strong  {
background-color:#ff1594;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* بنفسج */
a[href="/g237-group"] ,a span[style="color:#fffffe"] strong  {
background-color:#cb15ff;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* أحمر */
a[href="/g258-group"] ,a span[style="color:#ffffff"] strong  {
background-color:#ff1515;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}


/* سماوي  */
a[href="/g297-group"] ,a span[style="color:#fafafa"] strong  {
background-color:#00d2ff;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* العنابي */
a[href="/g310-group"] ,a span[style="color:#fffffa"] strong  {
background-color:#de0a2d;
color:#fff;
width:95px;
height:14px;
cursor: pointer; 
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

ملاحظة مهمة جدآأإ : يرجى التعديل على كل كود


الرمز:
[href="/g310-group"]


ووضع رقم المجموعه ( كيف أعرف رقم المجموعه ) 

عند الدخول إلى مجموعه الأدارة مثلا نجد في الرابط

الكود:

haya-m.net/g1-group

هذا هو رقم المجموعه يوضع في كود الخلفية التي نريدها  


الشكل الثاني 

مثال |في لوحة المتواجدون الآن|



مثال |في المواضيع|



الكود وشرح تركيبة 




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

أولا
من لوحة الأدارة 







نقوم بالتعديل على ألوان المجموعات التي نريدها



نغير كود اللون لكل مجموعه لون خاص وهذي أكواد الألوان الخاصة بكل خلفية


شكل الخلفية كود اللون : #00ad00

شكل الخلفية كود اللون : #cc33ff

شكل الخلفية كود اللون : #0686C2

شكل الخلفية كود اللون : #e40e0e

شكل الخلفية كود اللون : #D977CE

شكل الخلفية كود اللون : #ffb400

شكل الخلفية كود اللون : #ff0000

شكل الخلفية كود اللون : #00deff

شكل الخلفية كود اللون : #FFFFFF


ثانيا 

من لوحة الأدارة 









وهذا هو الكود 

الكود:

الرمز:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- www.haya-m.net ----------- */
/* للمتميزين  */
a[href="/g203-group"] ,a span[style="color:#00ad00"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/qtr2310.gif') repeat ;
color:#00ad00;
width:95px;
height:14px;
border: 1px solid #00ad00; 
cursor: pointer; 
border-style:dotted;
background-position: right center;
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* بنفسج */
a[href="/g278-group"] ,a span[style="color:#cc33ff"] strong  {
border: 1px solid #cc33ff; 
cursor: pointer; 
border-style:dotted;
background-color:#fff;
background-position: right center;
overflow:hidden;
white-space:nowrap;
color:#cc33ff;
width:95px;
height:14px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}


/*  أزرق */
a[href="/g7-group"] ,a span[style="color:#0686C2"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/blue10.gif') repeat ;
color:#0686C2;
width:95px;
height:14px;
border: 1px solid #0686C2; 
cursor: pointer; 
border-style:dotted;
background-color:#ECEEF0;
background-position: right center;
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* أحمر */
a[href="/g34-group"] ,a span[style="color:#e40e0e"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/red10.gif')repeat ;
  border: 1px solid #e40e0e; 
cursor: pointer; 
border-style:dotted;
background-color:#ECEEF0;
background-position: right center;
overflow:hidden;
white-space:nowrap;
color:#e40e0e;
width:95px;
height:14px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* الوردي */
a[href="/g236-group"] ,a span[style="color:#D977CE"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/46010.gif') repeat;
  border: 1px solid #D977CE; 
cursor: pointer; 
border-style:dotted;
background-color:#ECEEF0;
background-position: right center;
overflow:hidden;
white-space:nowrap;
color:#D977CE;
width:95px;
height:14px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* البرتقالي */
a[href="/g237-group"] ,a span[style="color:#ffb400"] strong  {
  border: 1px solid #ffb400; 
cursor: pointer; 
border-style:dotted;
background-color:#fff;
background-position: right center;
overflow:hidden;
white-space:nowrap;
color:#ffb400;
width:95px;
height:14px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* قلوب متطايرة */
a[href="/g258-group"] ,a span[style="color:#ff0000"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/45810.gif') repeat;
  border: 1px solid #ff0000; 
cursor: pointer; 
border-style:dotted;
background-color:#fff; 
background-position: right center;
overflow:hidden;
white-space:nowrap;
color:#ff0000;
width:95px;
height:14px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}


/* سماوي  */
a[href="/g297-group"] ,a span[style="color:#00deff"] strong  {
color:#00deff;
width:95px;
height:14px;
border: 1px solid #00deff; 
cursor: pointer; 
border-style:dotted;
background-color:#fff; 
background-position: right center;
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

/* العنابي */
a[href="/g310-group"] ,a span[style="color:#FFFFFF"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/45910.gif')repeat;
color:#FFFFFF;
width:95px;
height:14px;
border: 1px solid #FFFFFF; 
cursor: pointer; 
border-style:dotted;
background-position: right center;
overflow:hidden;
white-space:nowrap;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
}

ملاحظة مهمة جدآأإ : يرجى التعديل على كل كود 


الرمز:

الكود:

[href="/g310-group"]

ووضع رقم المجموعه ( كيف أعرف رقم المجموعه ) 

عند الدخول إلى مجموعه الأدارة مثلا نجد في الرابط

haya-m.net/g1-group

هذا هو رقم المجموعه يوضع في كود الخلفية التي نريدها 


الشكل الثالث

مثال |في لوحة المتواجدون الآن|





مثال |في المواضيع|



الكود وشرح تركيبة 




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

أولا
من لوحة الأدارة 







نقوم بالتعديل على ألوان المجموعات التي نريدها



نغير كود اللون لكل مجموعه لون خاص وهذي أكواد الألوان الخاصة بكل خلفية

شكل الخلفية كود اللون : #FFFFFF 

شكل الخلفية كود اللون : #696969 

شكل الخلفية كود اللون : #262E80 

شكل الخلفية كود اللون : #001129 

شكل الخلفية كود اللون : #4b002a 

شكل الخلفية كود اللون : #FaFFFF 

شكل الخلفية كود اللون : #fefefe 

شكل الخلفية كود اللون : #474303 

شكل الخلفية كود اللون : #00a9be 

شكل الخلفية كود اللون : #633605 

شكل الخلفية كود اللون : #858585 


ثانيا 

من لوحة الأدارة 









وهذا هو الكود 

الكود:

الرمز:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- www.haya-m.net ----------- */

/* السماوي */
a[href="/g203-group"] ,a span[style="color:#FFFFFF"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_110.png') no-repeat;
color:#fff;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الرمادي */
a[href="/g278-group"] ,a span[style="color:#696969"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_210.png') no-repeat;
color:#696969;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* الأزرق */
a[href="/g7-group"] ,a span[style="color:#262E80"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_310.png') no-repeat;
color:#001129;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأخضر */
a[href="/g34-group"] ,a span[style="color:#001129"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_410.png') no-repeat;
color:#001129;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الوردي */
a[href="/g236-group"] ,a span[style="color:#4b002a"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_510.png') no-repeat;
color:#4b002a;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البنفسج */
a[href="/g237-group"] ,a span[style="color:#FaFFFF"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_610.png') no-repeat;
color:#faffff;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأحمر */
a[href="/g258-group"] ,a span[style="color:#fefefe"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_710.png') no-repeat;
color:#fefefe;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* الأصفر " التميز  */
a[href="/g297-group"] ,a span[style="color:#474303"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_810.png') no-repeat;
color:#474303;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأبيض */
a[href="/g310-group"] ,a span[style="color:#00a9be"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_1010.png') no-repeat;
color:#00a9be;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البني الذهبي " التاجر */
a[href="/g4-group"] ,a span[style="color:#633605"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_910.png') no-repeat;
color:#633605;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأسود " المطرود */
a[href="/g3-group"] ,a span[style="color:#858585"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/css_1110.png') no-repeat;
color:#858585;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

ملاحظة مهمة جدآأإ : يرجى التعديل على كل كود 


الرمز:

الكود:

[href="/g310-group"]

ووضع رقم المجموعه ( كيف أعرف رقم المجموعه ) 

عند الدخول إلى مجموعه الأدارة مثلا نجد في الرابط

haya-m.net/g1-group

هذا هو رقم المجموعه يوضع في كود الخلفية التي نريدها  


الشكل الرابع

مثال |في لوحة المتواجدون الآن|



مثال |في المواضيع|



الكود وشرح تركيبة 

يرجى الظغط هنا :


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

أولا
من لوحة الأدارة 







نقوم بالتعديل على ألوان المجموعات التي نريدها



نغير كود اللون لكل مجموعه لون خاص وهذي أكواد الألوان الخاصة بكل خلفية

شكل الخلفية كود اللون : #95C234

شكل الخلفية كود اللون : #8E6ABD

شكل الخلفية كود اللون : #0686C2

شكل الخلفية كود اللون : #f3F8003

شكل الخلفية كود اللون : #D977CE

شكل الخلفية كود اللون : #AD77B5

شكل الخلفية كود اللون : #873838

شكل الخلفية كود اللون : #A6A649

شكل الخلفية كود اللون : #995113


ثانيا 

من لوحة الأدارة 









وهذا هو الكود 

الكود:

الرمز:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- www.haya-m.net ----------- */

/* تفاحي */
a[href="/g203-group"] ,a span[style="color:#95C234"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23710.gif') no-repeat;
color:#95C234;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* نيلي */
a[href="/g278-group"] ,a span[style="color:#8E6ABD"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/24010.gif') no-repeat;
color:#8E6ABD;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* أزرق */
a[href="/g7-group"] ,a span[style="color:#0686C2"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23910.gif') no-repeat;
color:#0686C2;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأخضر */
a[href="/g34-group"] ,a span[style="color:#3F8003"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23810.gif') no-repeat;
color:#3F8003;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الوردي */
a[href="/g236-group"] ,a span[style="color:#D977CE"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23311.gif') no-repeat;
color:#D977CE;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البنفسج */
a[href="/g237-group"] ,a span[style="color:#AD77B5"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23210.gif') no-repeat;
color:#AD77B5;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأحمرالغامق */
a[href="/g258-group"] ,a span[style="color:#873838"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23410.gif') no-repeat;
color:#873838;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* الزيتي  */
a[href="/g297-group"] ,a span[style="color:#A6A649"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23610.gif') no-repeat;
color:#A6A649;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البني */
a[href="/g310-group"] ,a span[style="color:#995113"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/23510.gif') no-repeat;
color:#995113;
width:110px;
height:18px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

ملاحظة مهمة جدآأإ : يرجى التعديل على كل كود 


الرمز:

الكود:

[href="/g310-group"]

ووضع رقم المجموعه ( كيف أعرف رقم المجموعه ) 

عند الدخول إلى مجموعه الأدارة مثلا نجد في الرابط 

haya-m.net/g1-group

هذا هو رقم المجموعه يوضع في كود الخلفية التي نريدها 


الشكل الخامس 

مثال |في لوحة المتواجدون الآن|



مثال |في المواضيع|



الكود وشرح تركيبة 




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

أولا
من لوحة الأدارة 







نقوم بالتعديل على ألوان المجموعات التي نريدها



نغير كود اللون لكل مجموعه لون خاص وهذي أكواد الألوان الخاصة بكل خلفية

شكل الخلفية كود اللون : #069C88

شكل الخلفية كود اللون : #696969

شكل الخلفية كود اللون : #0686C2

شكل الخلفية كود اللون : #3F8003

شكل الخلفية كود اللون : #D40883

شكل الخلفية كود اللون : #FaFFFF

شكل الخلفية كود اللون : #873838

شكل الخلفية كود اللون : #528733

شكل الخلفية كود اللون : #995113

شكل الخلفية كود اللون : #3846E0

ثانيا 

من لوحة الأدارة 









وهذا هو الكود 

الكود:

الرمز:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- www.haya-m.net ----------- */

/* نيلي فاتح */
a[href="/g203-group"] ,a span[style="color:#069C88"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/2710.gif') no-repeat;
color:#069C88;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الرمادي */
a[href="/g278-group"] ,a span[style="color:#696969"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/3311.gif') no-repeat;
color:#696969;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* سماوي */
a[href="/g7-group"] ,a span[style="color:#0686C2"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/4310.gif') no-repeat;
color:#0686C2;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأخضر */
a[href="/g34-group"] ,a span[style="color:#3F8003"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/2510.gif') no-repeat;
color:#3F8003;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الوردي */
a[href="/g236-group"] ,a span[style="color:#D40883"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/4010.gif') no-repeat;
color:#D40883;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البنفسج */
a[href="/g237-group"] ,a span[style="color:#FaFFFF"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/4110.gif') no-repeat;
color:#faffff;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأحمرالغامق */
a[href="/g258-group"] ,a span[style="color:#873838"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/2110.gif') no-repeat;
color:#873838;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* الزيتي  */
a[href="/g297-group"] ,a span[style="color:#528733"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/2410.gif') no-repeat;
color:#528733;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البني */
a[href="/g310-group"] ,a span[style="color:#995113"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/2210.gif') no-repeat;
color:#995113;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأزرق */
a[href="/g4-group"] ,a span[style="color:#3846E0"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/4210.gif') no-repeat;
color:#3846E0;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

ملاحظة مهمة جدآأإ : يرجى التعديل على كل كود


الرمز:

الكود:

[href="/g310-group"]

ووضع رقم المجموعه ( كيف أعرف رقم المجموعه ) 

عند الدخول إلى مجموعه الأدارة مثلا نجد في الرابط 

haya-m.net/g1-group

هذا هو رقم المجموعه يوضع في كود الخلفية التي نريدها


الشكل السادس

مثال |في لوحة المتواجدون الآن|



مثال |في المواضيع|



الكود وشرح تركيبة 




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

أولا
من لوحة الأدارة 







نقوم بالتعديل على ألوان المجموعات التي نريدها



نغير كود اللون لكل مجموعه لون خاص وهذي أكواد الألوان الخاصة بكل خلفية

شكل الخلفية كود اللون : #069C88

شكل الخلفية كود اللون : #C2C2C2

شكل الخلفية كود اللون : #0686C2

شكل الخلفية كود اللون : #3F8003

شكل الخلفية كود اللون : #D977CE

شكل الخلفية كود اللون : #AD77B5

شكل الخلفية كود اللون : #873838

شكل الخلفية كود اللون : #A6A649

شكل الخلفية كود اللون : #995113

شكل الخلفية كود اللون : #3846E0

ثانيا 

من لوحة الأدارة 









وهذا هو الكود 

الكود:

الرمز:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- www.haya-m.net ----------- */

/* نيلي فاتح */
a[href="/g203-group"] ,a span[style="color:#069C88"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/6310.gif') no-repeat;
color:#069C88;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الرمادي */
a[href="/g278-group"] ,a span[style="color:#C2C2C2"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/5410.gif') no-repeat;
color:#C2C2C2;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* سماوي */
a[href="/g7-group"] ,a span[style="color:#0686C2"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/6410.gif') no-repeat;
color:#0686C2;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأخضر */
a[href="/g34-group"] ,a span[style="color:#3F8003"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/6210.gif') no-repeat;
color:#3F8003;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الوردي */
a[href="/g236-group"] ,a span[style="color:#D977CE"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/5710.gif') no-repeat;
color:#D977CE;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البنفسج */
a[href="/g237-group"] ,a span[style="color:#AD77B5"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/5610.gif') no-repeat;
color:#AD77B5;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأحمرالغامق */
a[href="/g258-group"] ,a span[style="color:#873838"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/5910.gif') no-repeat;
color:#873838;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}


/* الزيتي  */
a[href="/g297-group"] ,a span[style="color:#A6A649"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/6110.gif') no-repeat;
color:#A6A649;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* البني */
a[href="/g310-group"] ,a span[style="color:#995113"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/6010.gif') no-repeat;
color:#995113;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

/* الأزرق */
a[href="/g4-group"] ,a span[style="color:#3846E0"] strong  {
background:url('http://i57.servimg.com/u/f57/11/54/61/22/6510.gif') no-repeat;
color:#3846E0;
width:110px;
height:25px;
border:0px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size: 11px;
padding-top:5px;
display:inline-block;
cursor: pointer; 
white-space:nowrap;
}

ملاحظة مهمة جدآأإ : يرجى التعديل على كل كود 


الرمز:
[href="/g310-group"]


ووضع رقم المجموعه ( كيف أعرف رقم المجموعه ) 

عند الدخول إلى مجموعه الأدارة مثلا نجد في الرابط 

الكود:

haya-m.net/g1-group

هذا هو رقم المجموعه يوضع في كود الخلفية التي نريدها  


في الختام اتمنى ينال الموضوع رضاكم

وفي النهاية افكاركم هي التي تعطي الكود جمال 

في حال إي استفسار أو مشكلة انا في الخدمة 

تم تصوير الأمثله من منتدى فلة بنات ( تصوري الشخصي )
المراجع التي استقت منها صور وأشكال الكود 
ترايدانت - هاك الموده - موقع مكاني 

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