دورة الصياد لتصميم الإستايل styleات [ الدرس مفصل السابع ]

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© ط§ظ„طµظٹط§ط¯ ظ„طھطµظ…ظٹظ… ط§ظ„ط¥ط³طھط§ظٹظ„ط§طھ [ ط§ظ„ط¯ط±ط³ ط§ظ„ط³ط§ط¨ط¹ ] (http://www.dzbatna.com/t991372/)



السلام عليكم و رحمة الله و بركاته

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


أترككم مع الشرح طريقة
سنتحدث في هذا الشرح طريقة عن كيفية التعديل على ألوان الاستايل style في المنتدى forum و التعديل على كل منطقة في الاستايل style عن طريق خيارات الـ CSS في الاستايل style ...

باسم الله نبدأ :

اذهب إلى لوحة تحكم منتداك :

http://www.yoursitename.com/vb/admincp

و من ثم أدخل بيانات لوحة التحكم ... على يمين الصفحة ستجد الخيار "الإستايل styleات والقوالب" اختر منه الخيار "التحكم بالاستايل styleات" كما في الصورة التالية :

http://www.allulu.org/dros/css3.6/01.gif

و من ثم بجانب الاستايل style الذي تريد التعديل على ألوانه و نمطه ستجد قائمة منسدلة قم بفتحها و اختر منها الخيار "الرئيسي CSS" كما في الصورة التالية :


http://www.allulu.org/dros/css3.6/02.gif

الآن ستفتح صفحة التعديل على ألوان و خطوط و نمط الاستايل style بشكل عام ... و سنقوم بكتابة كل خيار و على أي منطقة يؤثر في الاستايل style (موضح بالصور) ....

[1] خلفية المنتدى forum/Body :


http://www.allulu.org/dros/css3.6/img01.gif

[2] خلفية الصفحة/Page Background :


http://www.allulu.org/dros/css3.6/img02.gif

[3] <td>, <th>, <p>, <li> :

هذه الخاصية اتركها فارغة تماماً ...

[4] حدود الجدول/Table Border :


http://www.allulu.org/dros/css3.6/img03.gif

http://www.allulu.org/dros/css3.6/img04.gif

[5] الأقسام الرئيسية/Category Strips :


http://www.allulu.org/dros/css3.6/img05.gif

http://www.allulu.org/dros/css3.6/img06.gif

[6] رأس الجدول/Table Header :


http://www.allulu.org/dros/css3.6/img07.gif

http://www.allulu.org/dros/css3.6/img08.gif

http://www.allulu.org/dros/css3.6/img09.gif

http://www.allulu.org/dros/css3.6/img10.gif

[7] نهاية الجدول/Table Footer :


http://www.allulu.org/dros/css3.6/img11.gif

http://www.allulu.org/dros/css3.6/img12.gif

[8] لون التوزيع الأول/First Alternating Color :


http://www.allulu.org/dros/css3.6/img13.gif

[9] لون التوزيع الثاني/Second Alternating Color :


http://www.allulu.org/dros/css3.6/img14.gif

[10] محرر WYSIWYG + خلفية الكتابة/Input Fields :

هاتان الخاصيتان متماثلتان في الخصائص و خلفية الكتابة و متماثلة عادة مع الخاصية &quot;لون التوزيع الأول/First Alternating Color&quot;


http://www.allulu.org/dros/css3.6/img15.gif

http://www.allulu.org/dros/css3.6/img16.gif

[11] الأزرار/Buttons :


http://www.allulu.org/dros/css3.6/img17.gif

[12] قوائم <select> :


http://www.allulu.org/dros/css3.6/img18.gif

http://www.allulu.org/dros/css3.6/img19.gif

[13] الخط الصغير/Small Font :


http://www.allulu.org/dros/css3.6/img20.gif

[14] لون الوقت/Time Color :


http://www.allulu.org/dros/css3.6/img21.gif

[15] نص شريط العنوان/Navbar **** :


http://www.allulu.org/dros/css3.6/img22.gif

[16] الخط المبرز /Highlighted Font :

عند البحث عن كلمة أو جملة joomla ما يتم تلوينها في الموضوع باللون الذي تحدده في هذه الخاصية ...


http://www.allulu.org/dros/css3.6/img23.gif

[17] إبراز عنصر السطر الإداري/Inline Moderation Element Highlight :

عند تحديد مشاركة أو موضوع معين يتم تظليله باللون الذي تحدده في هذه الخاصية ...


http://www.allulu.org/dros/css3.6/img24.gif

[18] محيط اللوحة/Panel Surround :


http://www.allulu.org/dros/css3.6/img25.gif

[19] اللوحة (الأشكال)/Panel Forms :


http://www.allulu.org/dros/css3.6/img26.gif

[20] <legend> :





http://www.allulu.org/dros/css3.6/img27.gif

[21] التحكم بالقوائم المنبثقة/Popup Menu Controls :


http://www.allulu.org/dros/css3.6/img28.gif

[22] جسم قائمة الإنبثاق/Popup Menu Body :


http://www.allulu.org/dros/css3.6/img29.gif

[23] خيار صف قائمة الإنبثاق/Popup Menu Option Row :


http://www.allulu.org/dros/css3.6/img30.gif

[24] خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option :


http://www.allulu.org/dros/css3.6/img31.gif

[25] قائمة الانتقال السريع/Forum Jump Menu Classes :


http://www.allulu.org/dros/css3.6/img32.gif

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