منتديات  

العودة   منتديات مدرسة المشاغبين > منتديات تطوير مواقع تطوير منتديات منتديات برمجه منتديات سكربتات PHP CGI ASP.NET SQL Scripts > تطوير و صيانة المنتديات vBulletin

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


بنات سكستين منتديات المنطقة الشرقية ينتهي في 22-2-1433هـ
منتدى شموخ العز ينتهي في 6-3-2012 مرصد الطقس 13-4-1433هـ بنر منتديات شمعة الخليج ينتهي في 10-4-1433 هـ

روابط مهمة و مفيدة : لاستعادة الباسورد الرقم السري || كيف يتم تفعيل الاشتراك || افضل طريقة لطلب كود تفعيل على البريد
استضافة مواقع معنى كلمة رسائل مسجات دردشة شات افلام × فيلم
فلاش اسلامي الثقافة الجنسية في عالم الجنس صور جديدة   توبيكات × توبيك
ابتسامات خلفيات العاب جديدة دليل مواقع - مركز تحميل ملفات
بطاقات كروت جوال موبايل جافا java قصص روايات -
كتب الكترونية ماسنجر في مسنجر - - العاب بنات للبنات فقط 2010

موضوع مغلق
 
أدوات الموضوع طريقة عرض الموضوع
  #1 (permalink)  
قديم 07-28-2009, 10:59 AM
طالب ابتدائي
 
تاريخ التسجيل: Apr 2009
البلد - المكان و السكن : السعوديه الرياض
السيرة : سفير الــ ح ـــياه المتــ ع ـــكره
هواية : جلوس امام الاب
وظيفة - عمل: كنق المواقع
جنس : وش رايكم ..؟
جنسية : ديار ابو متـــــ ع ــــــبـ،
موقع : www.ahb1.com
نوع الجوال :
مشاركات : 103
العمر : 23
Rep Power: 3
مودع الـ خ ـلان النقاط 10
تلوين مجموعات الأعضاء باستخدام خاصية الـ css




بسم الله الرحمن الرحيم


والصلاة والسلام على أشرف الأنبياء والمرسلين محمد بن عبدالله وعلى آله الطيبين الطاهرين وصحبه الأخيار المنتجبين ..



معظمنا - إن لم يكن جميعنا - يعرف كيف يقوم بتلوين مجموعات الأعضاء .. إما عن طريق استخدام أكواد الهتمل Html أو عن طريق استخدام الهاكات المختصة ..

لكنني - حتى الآن - لم أجد أحداً يستخدم خاصية الـ CSS في القيام بتلك العملية ( أي تلوين مجموعات الأعضاء ) ..

وهذا هو ما دفعني إلى إنشاء هذا الدرس المتواضع .. علّني أُفيد واستفيد من خلاله ..

واعذروني إن كنت قد طرحت موضوعي في القسم الخاطئ ..

تلوين مجموعات الأعضاء باستخدام خاصية

على بركة الله نبدأ

أولاً: علينا أن نُحدد موقفنا .. أي نقوم بتحديد الألوان التي سنقوم باستخدامها لكل مجموعة من مجموعات الأعضاء ..


وأنا اخترت هذه القيم :


المدير العام = FF0000
المشرف العام = 008000
المشرفين = 0000FF
الأعضاء = 996633
الزوار = 808080


* ولا ننسى علامة الهاش # في بداية كل لون | مثال: #FF0000 ..

وحتى تكون العملية أسهل .. يمكنكم اختيار الألوان بالدخول لهذا الموقع :



الآن وبعد أن قمنا باختيار لون لكل مجموعة من مجموعات الأعضاء يمكننا الانتقال للخطوة الثانية ..


ثانياً: نتوجه إلى: لوحة تحكم المنتدى >> الإستايلات والقوالب >> التحكم بالإستايلات ..


تلوين مجموعات الأعضاء باستخدام خاصية


ثالثاً: نقوم باختيار الستايل المُراد تلوين مجموعات الأعضاء فيه ومن ثم نتبع الآتي: خيارات جميع الستايلات >> إذهب ..


تلوين مجموعات الأعضاء باستخدام خاصية


رابعاً: نتوجه إلى أسفل الصفحة ونبحث عن بند بعنوان ( تعاريف CSS الإضافية ) .. حيث سنقوم بوضع أكواد الـ CSS في المربع الفارغ وهو المربع الأحمر في الصورة ..


تلوين مجموعات الأعضاء باستخدام خاصية


خامساً: قم بنسخ أكواد الـ CSS التالية:



كود:
.usergroup_moderator {

كود:
 
 
 
color: #0000FF; }
.usergroup_moderator:hover { background: #FFF; } .usergroup_supermoderator { color: #008000; } .usergroup_supermoderator:hover { background: #FFF; } .usergroup_admin { color: #FF0000; } .usergroup_admin:hover { background: #FFF; } .usergroup_guest { color: #808080; } .usergroup_guest:hover { background: #FFF; } .usergroup_member { color: #996633; } .usergroup_member:hover { background: #FFF; } .usergroup_inactivemember { color: #999966; } .usergroup_inactivemember:hover { background: #FFF; } .usergroup_minormember { color: #666633; } .usergroup_minormember:hover { background: #FFF; }



ومن ثم قم بلصقها في المربع الفارغ الذي أشرنا إليه في الخطوة الرابعة .. مع مراعاة تغيير قيم الألوان ..



فمثلاً إذا اخترت في الخطوة الأولى اللون (#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>




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


تلوين مجموعات الأعضاء باستخدام خاصية






وبعد الانتهاء من وضع الأكواد في الخانتين .. يتبقى لنا أن نقوم بعملية الحفظ ..



تلوين مجموعات الأعضاء باستخدام خاصية




وبهذا نكون قد وصلنا إلى ختام درسنا .. تمنياتي للجميع بدوام التقدم والازدهار ..









وعلى بركة الله نختم







---------------------------------------


ملف الدرس:




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













---------------------------------------








© كافة الحقوق محفوظة لكاتب هذا الدرس ولـ (( شبكة جرافكس الظلام التعليمية )) ..


© All Rights Are Reserved to the writer/DaRK mAN306 and to: DaRK MArE Graphics







لسنا ممن يمنعون نقل المواضيع لكننا نحثّ ناقل الموضوع على ذكر المصدر ..
---------------------------------------








هذا ما لزم ..

والله ولي التوفيق ..






من مواضيعي في الموقع على الموقع 0 تلوين مجموعات الأعضاء باستخدام خاصية الـ css
0 تغير عباره "مرحبا بك يا" ,
0 ابي منكم المساعده


  #2 (permalink)  
قديم 09-17-2009, 04:49 AM
جاي معه ملفه
 
تاريخ التسجيل: Apr 2008
البلد - المكان و السكن : منتديات عاشق
السيرة :
هواية : الجلوس بمنتديات عاشق
وظيفة - عمل: طالب
جنس : ولد
جنسية : مصرى
موقع : http://www.3seeq.co.cc/vb/index.php
نوع الجوال :
مشاركات : 47
العمر :
Rep Power: 0
khlell النقاط 10
رد: تلوين مجموعات الأعضاء باستخدام خاصية الـ css




جزاك الله كل خير


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


  #3 (permalink)  
قديم 09-17-2009, 09:55 AM
صور الولهان1
مشرف سابق
 
تاريخ التسجيل: Jul 2008
البلد - المكان و السكن : jordan syria
السيرة : development sites and scr
هواية : arabization alscarpat
وظيفة - عمل: graduate financial analys
جنس : male
جنسية : canada
موقع : php
نوع الجوال :
مشاركات : 1,802
العمر :
Rep Power: 6
الولهان1 النقاط 150الولهان1 النقاط 150
رد: تلوين مجموعات الأعضاء باستخدام خاصية الـ css




مشكور اخي الكريم


ينقل الي هنا

وشكرا


من مواضيعي في الموقع على الموقع 0 شرح تفعيل خاصية نسخ الصور ولصقها مباشرة في الموضوع
0 دعوة للانظمام الي مجموعة التطوير
0 سكربت الومانى الاخبارى
0 احذر تكفير احد او تقول في النار او الجنة : /مامعنى التألّي على الله
0 65شركة رفضت توظيفي..وبكيت حين مزق أحد المديرين عقد عملي!
0 قصة المحتال قانل اهل المدينة


_________________
  #4 (permalink)  
قديم 09-18-2009, 08:35 AM
صور abdellaa
جاي معه ملفه
 
تاريخ التسجيل: Jun 2008
البلد - المكان و السكن : Egypt
السيرة :
هواية : vb support
وظيفة - عمل: accountant
جنس : male
جنسية : egyption
موقع : معهد VB4ME
نوع الجوال :
مشاركات : 7
العمر :
Rep Power: 0
abdellaa النقاط 10
رد: تلوين مجموعات الأعضاء باستخدام خاصية الـ css




مشكوووووور والله يعطيك الف عافيه


من مواضيعي في الموقع على الموقع


_________________
‏قَالَ رَسُولُ اللَّهِ صلى الله عليه وسلم (("‏‏ مَنْ سُئِلَ عَنْ عِلْمٍ فَكَتَمَهُ أَلْجَمَهُ اللَّهُ بِلِجَامٍ مِنْ نَارٍ يَوْمَ الْقِيَامَةِ ‏"‏‏ ))
موضوع مغلق

مواقع النشر (المفضلة)

أدوات الموضوع
طريقة عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر رد
كيف أعرف 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


للاعلان بالموقع

للاعلان بالموقع جوال 0555055075 ابو عمر بدر-جامعة نجران ينتهي في 3-8-1432 هـ-جامعة جازان ينتهي في 28-3-2012
الساعة الآن توقيت السعودية الرياض جدة الشرقية القصيم 07:14 AM.


Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd diamond
جميع ماينشر بالموقع لا يعبر عن اصحاب الموقع انما يعبر عن صاحبه

SEO by vBSEO 3.2.0