الوان المجموعات في مربعات بدون هاكات بتقنية css

أحمد عآدل · 14-12-2010

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

الوان المجموعات في مربعات بدون هاكات بتقنية css

السلام عليكم ورحمة الله
ألوان المجموعات في مربعات منقطه او بدون مربعات او بداخل مربعات بدون تنقيط
بدوان هاكات متوافق مع المعاير
بتقنية css التي يعشقها جوجل
سهلة التعديل تستطيع تلوين المجموموعة كما تريد
تستطيع وضع مجموعة داخل مربع وتستني مجموعة مثل الهاك
اولا قم بفحص موقعك من خلال الموقع التالي
The W3C Markup Validation Service
بعد التركيب ستجد ان الاخطاء اصبحت اقل بكثير
سرعة في الارشفة
يعطيك سرعة ايضا تحميل صفحات المنتدى

--------------------------
الخطوة التالية شرح التركيب
1- امسح اي هاك متعلق بالوان المجموعات
2-لدينا الكودين التالين الكود رقم (1) والكود رقم (2)

الكود رقم 1

  <span class="a">

الكود رقم 2

  </span>

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

اضغط تعديل على المجموعة التي تريد تغير اللون لها

ضع الكود رقم واحد من اليمين ورقم اثنين من الشمال فير المربعات مثل الصورة

نقوم بتعديل جميع المجموعات مثل الشرح العلوي
a المدير العام بالون الاحمر داخل مربعات
الفراغ رقم واحد نضع

  <span class="a">

الفراغ رقم اثنين
نضع

  </span>

c المشرف العام بالون الازرق داخل مربعات
الفراغ رقم واحد

  <span class="c">

الفراغ رقم 2

  </span>

e نجوم المنتدى بالون الاصفر داخل مربعات
الفراغ الاول

  <span class="e">

الفراغ التالي

                         </span>

xالموقوفين مربعات سوداء
الفراغ الاول نضع

  <span class="x">

الفراغ التالي

                         </span>

------------------------
انتهينا من تعديل المجموعات
الان نذهب الى الستايل
الذي نستخدمه
التحم بالستايل

ثم نختار الستايل الذي نستخدمه
الرئيسية css من القائمة

ناخذ الكود التالي

  /*الوان المدير */
.a{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515; 
border-style:dotted;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-repeat:no-repeat; 
background-position: right center;
text-align:center;
width:68px;
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:dotted; 
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
background-repeat:no-repeat; 
background-position: right center;
text-align:center;
width:68px;
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:dotted;
padding:0px 15px 0px 15px; 
background-color:#ECEEF0;
background-repeat:no-repeat; 
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الاعضاء */
.f{
border: 1px solid #0695db; dotted
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#0695db;
border-style:double; 
padding:0px 15px 0px 15px;
background-color:#ECEEF0;
text-align:center;
width: 67px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان ستار المنتدى */
.e{
border: 1px solid #ffae1a; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#ffae1a;
border-style:dotted;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
background-repeat:no-repeat; 
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
/*الوان الموقوفين */
.x{
border: 1px solid #000000; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#000000;  
border-style:double;
padding:0px 15px 0px 15px;   
background-color:#ECEEF0;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

نقوم بالصقه داخل المربع الاخير

تستطيع تغير الوان المجموعة من خلال الكود الاخير مثال مجموعة المدير

تغير الونها من اللون الاحمر تغير الاكواد

  /*الوان المدير */
.a{
border: 1px solid #FF1515; 
cursor: pointer; 
font-family: "Microsoft Sans Serif";
font-size: 8pt;
color:#FF1515; 
border-style:dotted;
padding:0px 15px 0px 15px;  
background-color:#ECEEF0;
background-repeat:no-repeat; 
background-position: right center;
text-align:center;
width:68px;
display:inline-block;
overflow:hidden;
white-space:nowrap;
}

تم الانتهاء

المصدر: معهد مطور فى بى - من قسم: مطور دروس وشروحات vbulletin

hg,hk hgl[l,uhj td lvfuhj f],k ih;hj fjrkdm css hgl[l,uhj hg,hk fjrkdm f],k

ح,ـرقة قـلب · 17-12-2010

موضوع اكثر من روعة

الـ خ ـبرهـ · 20-12-2010

اولاً شكرآً جزيلاً لــك

بس يـآليت مثـآل

أحمد عآدل · 20-12-2010

المشاركة الأصلية كتبت بواسطة الـ خ ـبرهـ

اولاً شكرآً جزيلاً لــك

بس يـآليت مثـآل

الشكر لله وتفضل المثال من هنا

الرجل القناص · 27-12-2010

يسلمو ع الشرح

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
طريقة عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه لموضوع: الوان المجموعات في مربعات بدون هاكات بتقنية css
الموضوع	كاتب الموضوع	المعهد	مشاركات	آخر رد
[تم تلبيته] : الوان المجموعات بدون هاك :)	تطمن : فديتك	مطور مشاكل وحلول وطلبات المنتديات	3	25-03-2011 03:04 PM
[شرح] : تركيب هاك الوان المجموعات المتقدمه + مربعات مطوره ( غير معطوووووب )	ابن القدس	أرشيف تطوير منتديـــــvb3.7.xــات	5	04-08-2010 02:41 AM
[Product] : الوان المجموعات المتقدمه(مربعات-الوان عاديه-مربعات منقطه-الوان متحركه-مرب	ابن القدس	أرشيف تطوير منتديـــــvb3.7.xــات	10	07-11-2009 11:07 AM
الوان المجموعات المتقدمه(مربعات-الوان عاديه-مربعات منقطه-الوان متحركه-مربعات مطوره )	خـيال الروح	أرشيف تطوير منتديـــــvb3.7.xــات	9	20-03-2009 03:02 AM
تعديل ع الوان المجموعات ـ مربعات - مربعات منقطه ..	أحمد عآدل	أرشيف تطوير منتديـــــvb3.6.xــات	10	11-07-2008 10:27 PM

الوان المجموعات في مربعات بدون هاكات بتقنية css

مطور دروس وشروحات vbulletin

خدمات الشركة

مواقع تابعة

خدمات المعهد