منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: css جعل صورة العضو دائري بجوار اخر مساهمةالخميس 4 أكتوبر 2018 - 16:49 من طرفخادم الاسلام اسم الموضوع: [JAVASCRIPT]+[CSS] حصريا صندوق الرد الاحترافي الجديد {Weeb-Editor} 2017الخميس 4 أكتوبر 2018 - 16:30 من طرفخادم الاسلام اسم الموضوع: حصرياً كود [Css] لوضع عبارة تم إظهار المحتوى المخفى الخميس 4 أكتوبر 2018 - 16:03 من طرفخادم الاسلام اسم الموضوع: الكود الحصري جدا إطار احترافي على صندوق الاكواد في المواضيع مع مميزات لن تجدها الا هناالخميس 4 أكتوبر 2018 - 16:03 من طرفخادم الاسلام اسم الموضوع: [حصري][HTML] القنبلة الحصرية علبة الدردشة المتطورة لعام 2017الخميس 4 أكتوبر 2018 - 15:20 من طرفخادم الاسلام اسم الموضوع: جديد الاكواد انبثاق روابط المنتدى المميز و النادرالخميس 4 أكتوبر 2018 - 0:16 من طرفخادم الاسلام اسم الموضوع: كود جديد لعمل وصف انيق للصور والروابط والايقونات وكل شئ بالمنتدى 2015الخميس 4 أكتوبر 2018 - 0:06 من طرفخادم الاسلام اسم الموضوع: حصريا و جديد الاكواد تغيير ثيم المنتدى لعدة ألوانالأربعاء 3 أكتوبر 2018 - 23:33 من طرفخادم الاسلام اسم الموضوع: كود أظافة بادئة للمواضيع وختم للموضوعالأربعاء 3 أكتوبر 2018 - 23:32 من طرفخادم الاسلام اسم الموضوع: جديد التومبيلات ترقيم المساهمات للنسخ:Phpbb3 و Phpbb2الأربعاء 3 أكتوبر 2018 - 23:14 من طرفخادم الاسلام اسم الموضوع: تومبيلات لوضع صور الاعضاء في المتواجدون في المنتدى - حصري -الأربعاء 3 أكتوبر 2018 - 23:13 من طرفخادم الاسلام اسم الموضوع: تومبيلات شكل التقييم في المواضيع الاحترافيالأربعاء 3 أكتوبر 2018 - 23:08 من طرفخادم الاسلام

شاطر | 
 

 قنبلة الاكواد أكواد لون المجموعات حصريا هنا

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1348
السٌّمعَة :
37
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: قنبلة الاكواد أكواد لون المجموعات حصريا هنا الأحد 19 أكتوبر 2014 - 13:38


قنبلة الاكواد أكواد لون المجموعات حصريا هنا

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





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



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



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

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







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



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


خلفية برتقالية كود اللون : #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"]

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

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

baytdz.ahlamontada.com/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"]

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

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

baytdz.ahlamontada.com/g1-group

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

الشكل الثالث

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





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



الكود وشرح تركييبه نفس التركيب للاكواد السابقة الذكر

الكود:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- 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"]


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

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

baytdz.ahlamontada.com/g1-group

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

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



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



الكود وشرح تركيبه : نفس التركيب مثل الاكواد السابقة
الكود:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- 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"]


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

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

baytdz.ahlamontada.com/g1-group

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

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



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



الكود وشرح تركيبه: نفس التركيب مثل الاكواد السابقة.
الكود:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- 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;
}

الشكل السادس

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



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



الكود وشرح تركيبه : نفس تركيب الاكواد السابقة
الكود:
/* أكـــــواد ألوان المجموعات والأعضاء */
/*---------- 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;
}
شرح الاخت هياااء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
قنبلة الاكواد أكواد لون المجموعات حصريا هنا
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد انسيابية | css code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة