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

https://mwadah.com/images/imgcache/2010/09/305.gif

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

الكود رقم 1

كود PHP:

---

<span class="a"> 


---

الكود رقم 2

كود PHP:

---

</span> 


---

سنتعرف كيف نضع لكل مجموعة كودها
افتح لوحة التحكم
التحكم بالمجموعات
https://mwadah.com/images/imgcache/2010/09/367.jpg

اضغط تعديل على المجموعة التي تريد تغير اللون لها
https://mwadah.com/images/imgcache/2010/09/368.jpg

ضع الكود رقم واحد من اليمين ورقم اثنين من الشمال فير المربعات مثل الصورة
https://mwadah.com/images/imgcache/2010/09/369.jpg

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

كود PHP:

---

<span class="a"> 


---

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

كود PHP:

---

</span> 


---

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

كود PHP:

---

<span class="c"> 


---

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

كود PHP:

---

</span> 


---

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

كود PHP:

---

<span class="b"> 


---

الفراغ رقم 2

كود PHP:

---

</span> 


---

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

كود PHP:

---

<span class="b"> 


---

الفراغ الثاني

كود PHP:

---

</span> 


---

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

كود PHP:

---

<span class="e"> 


---

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

كود PHP:

---

</span> 


---

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

كود PHP:

---

<span class="x"> 


---

الفراغ التالي نضع

كود PHP:

---

</span> 


---

------------------------
انتهينا من تعديل المجموعات
الان نذهب الى الستايل
الذي نستخدمه
التحم بالستايل
https://mwadah.com/images/imgcache/2010/09/370.jpg

ثم نختار الستايل الذي نستخدمه
الرئيسية css من القائمة
https://mwadah.com/images/imgcache/2010/09/371.jpg

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

كود:

---


/*الوان المدير */
.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;
}

---

نقوم بالصقه داخل المربع الاخير
https://mwadah.com/images/imgcache/2010/09/372.jpg

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

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

كود PHP:

---

/*الوان المدير */
.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;
} 


---

واي استفسار انا حاضر

بدون حقوق بدون تقيم
مجرد الدعاء لي ولوالدية

الموضوع الرئيسي هنا

كيف بدي لون بدون مربعات ؟

https://mwadah.com/images/imgcache/2013/12/5.gif

https://mwadah.com/images/imgcache/2013/12/3.gif

https://mwadah.com/images/imgcache/2013/12/5.gif

سلمت الايادي اخي الحبيب ....................... بارك الله فيك

اهلا بكم دائما
تحياتي لكم

روعه .. ويعطيك العافيه

واضح وشي حلو وجميل

لاهنت على المجهود

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

بــآركْ الله فيكْ : ـآخوي: