![]() |
| |||||||
![]() | ![]() | |
![]() | ![]() | ![]() |
![]() |
| | أدوات الموضوع | طريقة عرض الموضوع |
| |||
| تلوين مجموعات الأعضاء باستخدام خاصية الـ css بسم الله الرحمن الرحيم والصلاة والسلام على أشرف الأنبياء والمرسلين محمد بن عبدالله وعلى آله الطيبين الطاهرين وصحبه الأخيار المنتجبين .. معظمنا - إن لم يكن جميعنا - يعرف كيف يقوم بتلوين مجموعات الأعضاء .. إما عن طريق استخدام أكواد الهتمل Html أو عن طريق استخدام الهاكات المختصة .. لكنني - حتى الآن - لم أجد أحداً يستخدم خاصية الـ CSS في القيام بتلك العملية ( أي تلوين مجموعات الأعضاء ) .. وهذا هو ما دفعني إلى إنشاء هذا الدرس المتواضع .. علّني أُفيد واستفيد من خلاله .. واعذروني إن كنت قد طرحت موضوعي في القسم الخاطئ .. على بركة الله نبدأ أولاً: علينا أن نُحدد موقفنا .. أي نقوم بتحديد الألوان التي سنقوم باستخدامها لكل مجموعة من مجموعات الأعضاء .. وأنا اخترت هذه القيم : المدير العام = FF0000 المشرف العام = 008000 المشرفين = 0000FF الأعضاء = 996633 الزوار = 808080 * ولا ننسى علامة الهاش # في بداية كل لون | مثال: #FF0000 .. وحتى تكون العملية أسهل .. يمكنكم اختيار الألوان بالدخول لهذا الموقع : ثانياً: نتوجه إلى: لوحة تحكم المنتدى >> الإستايلات والقوالب >> التحكم بالإستايلات .. ثالثاً: نقوم باختيار الستايل المُراد تلوين مجموعات الأعضاء فيه ومن ثم نتبع الآتي: خيارات جميع الستايلات >> إذهب .. رابعاً: نتوجه إلى أسفل الصفحة ونبحث عن بند بعنوان ( تعاريف CSS الإضافية ) .. حيث سنقوم بوضع أكواد الـ CSS في المربع الفارغ وهو المربع الأحمر في الصورة .. خامساً: قم بنسخ أكواد الـ CSS التالية: كود: .usergroup_moderator {
كود:
ومن ثم قم بلصقها في المربع الفارغ الذي أشرنا إليه في الخطوة الرابعة .. مع مراعاة تغيير قيم الألوان .. فمثلاً إذا اخترت في الخطوة الأولى اللون (#DF7401) لمجموعة المدير العام .. يتوجب عليك تغيير قيمة (color) الموجودة أسفل فئة (usergroup_admin) إلى (#DF7401) وهكذا .. ** توضيح الفئات في الكود السابق : المشرفين = usergroup_moderator المشرف العام = usergroup_supermoderator المدير العام = usergroup_admin الزوار = usergroup_guest الأعضاء = usergroup_member الأعضاء غير المفعلين = usergroup_inactivemember الأعضاء القُصّر = usergroup_minormember وإذا كنت ممن لديهم خلفية في تقنية الـ CSS .. فبالتأكيد يمكنك التغيير في الأكواد بما يتناسب مع احتياجاتك .. وتجدر الإشارة هنا إلى أنه يجب عليك القيام بهذه الخطوة على جميع الستايلات المستخدمة لديك .. أو إذا كنت مُلمّاً بهذه الخاصية فيمكنك عمل ملف CSS خاص بمجموعات الأعضاء ومن ثم وضع كود استدعاء في جميع ستايلاتك ( لن أتطرق لهذه الخطوة لأن الدرس يستهدف المبتدئين ) .. وبعد الانتهاء من تعديل الأكواد ووضع الألوان المناسبة لك .. قم بعملية الحفظ .. الآن وقد انتهينا من وضع أكواد الـ CSS يمكننا الانتقال للخطوة التالية .. سابعاً: سنبدأ الآن بعملية وضع أكواد الهتمل Html التي تربط المجموعات بما يتناسب معها في أكواد الـ CSS .. ** سأقوم بشرح عملية وضع أكواد الهتمل Html على مجموعة المدير العام فقط .. ويتوجب عليكم أن تقوموا بهذه الخطوة على كل مجموعة من مجموعات الأعضاء .. إذن نقوم باختيار مجموعة (المدير العام) ومن ثم نتبع الآتي: تعديل مجموعة الأعضاء >> إذهب .. الآن وبعد أن دخلنا إلى صفحة التعديل سنشاهد مربعين صغيرين فارغين متجاورين موضوعين تحت بند بعنوان (اسم العضو بصيغة HTML) وهما المربعين الحمراوين المبينيين في الصورة التالية: وما سنقوم بفعله هو نسخ الكود التالي ومن ثم لصقه في الخانة ذات الرقم 1 .. مع مراعاة تغيير الـ ( X) الموجودة في الكود إلى الفئة المناسبة المذكورة في الخطوة الخامسة تحت بند بعنوان ( توضيح الفئات في الكود السابق ) .. وفي هذه الحالة هي فئة المدير العام (usergroup_admin) .. وهذا هو الكود العام : كود: <font class="usergroup_X"> فيكون الناتج في حالة المدير العام : كود: <font class="usergroup_admin"> ولو أردنا أن نتكلم عن مجموعة المشرفين لكان الكود كالتالي : كود: <font class="usergroup_moderator"> هذا بالنسبة للكود الذي سنضعه في الخانة ذات الرقم 1 .. أما بالنسبة للكود الذي سنضعه في الخانة ذات الرقم 2 فهو ثابت لا يتغير .. وهو كالآتي: كود: </font> وفي النهاية يصبح لدينا مربعين بهما أكواد كما تبينه الصورة التالية : وبعد الانتهاء من وضع الأكواد في الخانتين .. يتبقى لنا أن نقوم بعملية الحفظ .. وبهذا نكون قد وصلنا إلى ختام درسنا .. تمنياتي للجميع بدوام التقدم والازدهار .. وعلى بركة الله نختم --------------------------------------- ملف الدرس: في حال تعطل الصور وعدم تمكنك من مشاهدتها أو في حال أردت مشاهدة الدرس من على جهازك فإنه بإمكانك القيام بتحميل ملف الدرس من خلال أحد هذه الروابط : --------------------------------------- © كافة الحقوق محفوظة لكاتب هذا الدرس ولـ (( شبكة جرافكس الظلام التعليمية )) .. لسنا ممن يمنعون نقل المواضيع لكننا نحثّ ناقل الموضوع على ذكر المصدر .. --------------------------------------- هذا ما لزم .. والله ولي التوفيق .. |
| |||
| رد: تلوين مجموعات الأعضاء باستخدام خاصية الـ css جزاك الله كل خير |
| ||||
| رد: تلوين مجموعات الأعضاء باستخدام خاصية الـ css مشكوووووور والله يعطيك الف عافيه
_________________ قَالَ رَسُولُ اللَّهِ صلى الله عليه وسلم ((" مَنْ سُئِلَ عَنْ عِلْمٍ فَكَتَمَهُ أَلْجَمَهُ اللَّهُ بِلِجَامٍ مِنْ نَارٍ يَوْمَ الْقِيَامَةِ " )) |
![]() |
| مواقع النشر (المفضلة) |
| أدوات الموضوع | |
| طريقة عرض الموضوع | |
| |
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر رد |
| كيف أعرف Id ( رقم ) المنتديات و مجموعات الأعضاء ؟ | المبرمج الذهبي الفضي | تطوير و صيانة المنتديات vBulletin | 6 | 04-04-2010 12:07 PM |
| مشكله في مجموعات الأعضاء | alshlah | تطوير و صيانة المنتديات vBulletin | 1 | 06-16-2009 03:11 PM |
| عروض الدردشه الكتابيه مع سام فور هوست الحق عرضك | برنس الاسكندريه | اشهار مواقع تبادل اعلانات بيع و شراء منتديات | 1 | 10-17-2008 06:40 AM |
| شركة ولا في الخيال | المستشار كوم | اشهار مواقع تبادل اعلانات بيع و شراء منتديات | 0 | 12-27-2007 11:00 PM |
| هؤلاء هم الأعضاء الرائعون في المنتدى .... فهل انت منهم ؟؟؟؟؟؟؟ | رستم نت | منتدى الحوار العام الفسحة العامة | 0 | 11-28-2007 08:32 PM |
-
-