تذكرني |نسيت كلمة السر؟| سجل كعضو جديد

★منتديات نجم نت★

www.najmnet.ephpbb.com

الرئيسية  المنشورات  س .و .ج  بحـث  الأعضاء  المجموعات  التسجيل  دخول  دردشة نجم نت  
إحصائيـــــــــــــــــــــــــات منتـــــــــــــــــدى نجم نت
أفضل الاعضاء هذا الشهر
أخر المشاركات
1 مُساهمة
1 مُساهمة
أحصائيات سريعة
هذا المنتدى يتوفر على 909 عُضو.
آخر عُضو مُسجل هو روان الناجي فمرحباً به.
أعضاؤنا قدموا 1597 مساهمة في هذا المنتدى , في 922 موضوع


شاطر | 
 

 [Css]كود ألوان المجموعات 2014 والأعضاء بدون تومبيلات ‬

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معتز بالله admin
مدراء المنتدى
مدراء المنتدى
avatar


الجنس الجنس : ذكر
البــــلد البــــلد : الجزائر
المهنة المهنة : مبرمج
الهواية الهواية : الكتابة
المزاج المزاج : 49
عدد المساهمات عدد المساهمات : 501
نقاط نقاط : 14865
السٌّمعَة السٌّمعَة : 65
العمر العمر : 29
الـــــــــــــــــــــــــــــــوقت الـــــــــــــــــــــــــــــــوقت :

مُساهمةموضوع: [Css]كود ألوان المجموعات 2014 والأعضاء بدون تومبيلات ‬   29/11/14, 11:17 pm

شارك الموضوع مع:
النوع : 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


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


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

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

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

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

والسلام عليكم ورحمة الله وبركاتة 
توقيع : معتز بالله admin




:n:j:m*:

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://najmnet.ephpbb.com
redahabachi
عضو جديد
عضو جديد
avatar


الجنس الجنس : ذكر
البــــلد البــــلد : عمان
المهنة المهنة : غير معروف
الهواية الهواية : غير معروف
المزاج المزاج : 5
عدد المساهمات عدد المساهمات : 8
نقاط نقاط : 4228
السٌّمعَة السٌّمعَة : 1
الـــــــــــــــــــــــــــــــوقت الـــــــــــــــــــــــــــــــوقت :

مُساهمةموضوع: رد: [Css]كود ألوان المجموعات 2014 والأعضاء بدون تومبيلات ‬   29/05/15, 06:29 pm

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
[Css]كود ألوان المجموعات 2014 والأعضاء بدون تومبيلات ‬
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات نجم نت | najmnet forums :: منتديات نجم نت للستيلات و اكودها وإشهارها :: منتـديات أكواد للمـنتديات المجانية :: اكواد css منتديات نجم نت-
منتديات نجم نت | najmnet forums غير مسؤولة عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي منتديات نجم نت | najmnet forums ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)