admin
10-30-2013, بتوقيت غرينيتش 09:36 PM
http://www.dzbatna.com/images/icons/icon30.gif [CSS] ط´ط±ط* ط®ظٹط§ط±ط§طھ CSS ط§ظ„ط±ط¦ظٹط³ظٹ ظ„ظ„ظ†ط³ط®ط© في بي vB3.6.X (http://www.dzbatna.com/t486207/)
السلام عليكم و رحمة الله و بركاته
سنتحدث في هذا الشرح طريقة عن كيفية التعديل على ألوان الاستايل style في المنتدى forum و التعديل على كل منطقة في الاستايل style عن طريق خيارات الـ CSS في الاستايل style ...
باسم الله نبدأ :
اذهب إلى لوحة تحكم منتداك :
http://www.yoursitename.com/vb/admincp
و من ثم أدخل بيانات لوحة التحكم ... على يمين الصفحة ستجد الخيار "الإستايل styleات والقوالب" اختر منه الخيار "التحكم بالاستايل styleات" كما في الصورة التالية :
http://upload.dzbatna.net/upfiles/l4C47800.gif
و من ثم بجانب الاستايل style الذي تريد التعديل على ألوانه و نمطه ستجد قائمة منسدلة قم بفتحها و اختر منها الخيار "الرئيسي CSS" كما في الصورة التالية :
http://upload.dzbatna.net/upfiles/xTU47852.gif
الآن ستفتح صفحة التعديل على ألوان و خطوط و نمط الاستايل style بشكل عام ... و سنقوم بكتابة كل خيار و على أي منطقة يؤثر في الاستايل style (موضح بالصور) ....
[1] خلفية المنتدى forum/Body :
http://upload.dzbatna.net/upfiles/rY147904.gif
[2] خلفية الصفحة/Page Background :
http://upload.dzbatna.net/upfiles/hNM47955.gif
[3] <td>, <th>, <p>, <li> :
هذه الخاصية اتركها فارغة تماماً ...
[4] حدود الجدول/Table Border :
http://upload.dzbatna.net/upfiles/Jzt48124.gif
http://upload.dzbatna.net/upfiles/ZdE48167.gif
[5] الأقسام الرئيسية/Category Strips :
http://upload.dzbatna.net/upfiles/rwd48222.gif
http://upload.dzbatna.net/upfiles/bZx48252.gif
[6] رأس الجدول/Table Header :
http://upload.dzbatna.net/upfiles/NFi48312.gif
http://upload.dzbatna.net/upfiles/mgW48340.gif
http://upload.dzbatna.net/upfiles/7IM48372.gif
http://upload.dzbatna.net/upfiles/xZb48403.gif
[7] نهاية الجدول/Table Footer :
http://upload.dzbatna.net/upfiles/Ih948455.gif
http://upload.dzbatna.net/upfiles/OAQ48484.gif
[8] لون التوزيع الأول/First Alternating Color :
http://upload.dzbatna.net/upfiles/8Oo48538.gif
[9] لون التوزيع الثاني/Second Alternating Color :
http://upload.dzbatna.net/upfiles/7VQ48590.gif
[10] محرر WYSIWYG + خلفية الكتابة/Input Fields :
هاتان الخاصيتان متماثلتان في الخصائص و خلفية الكتابة و متماثلة عادة مع الخاصية "لون التوزيع الأول/First Alternating Color"
http://upload.dzbatna.net/upfiles/NPj48641.gif
http://upload.dzbatna.net/upfiles/sGS48664.gif
[11] الأزرار/Buttons :
http://upload.dzbatna.net/upfiles/tnH48715.gif
[12] قوائم <select> :
http://upload.dzbatna.net/upfiles/Qt148869.gif
http://upload.dzbatna.net/upfiles/mu548891.gif
[13] الخط الصغير/Small Font :
http://upload.dzbatna.net/upfiles/KRF48935.gif
[14] لون الوقت/Time Color :
http://upload.dzbatna.net/upfiles/ok548979.gif
[15] نص شريط العنوان/Navbar Text :
http://upload.dzbatna.net/upfiles/ZrU49036.gif
[16] الخط المبرز /Highlighted Font :
عند البحث عن كلمة أو جملة joomla ما يتم تلوينها في الموضوع باللون الذي تحدده في هذه الخاصية ...
http://upload.dzbatna.net/upfiles/n7h49086.gif
[17] إبراز عنصر السطر الإداري/Inline Moderation Element Highlight :
عند تحديد مشاركة أو موضوع معين يتم تظليله باللون الذي تحدده في هذه الخاصية ...
http://upload.dzbatna.net/upfiles/6k549147.gif
[18] محيط اللوحة/Panel Surround :
http://upload.dzbatna.net/upfiles/gD349197.gif
[19] اللوحة (الأشكال)/Panel Forms :
http://upload.dzbatna.net/upfiles/ROX49242.gif
[20] <legend> :
http://upload.dzbatna.net/upfiles/9BU49344.gif
[21] التحكم بالقوائم المنبثقة/Popup Menu Controls :
http://upload.dzbatna.net/upfiles/RIV49405.gif
[22] جسم قائمة الإنبثاق/Popup Menu Body :
http://upload.dzbatna.net/upfiles/r7g49452.gif
[23] خيار صف قائمة الإنبثاق/Popup Menu Option Row :
http://upload.dzbatna.net/upfiles/Gv749500.gif
[24] خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option :
http://upload.dzbatna.net/upfiles/V3A49546.gif
[25] قائمة الانتقال السريع/Forum Jump Menu Classes :
http://upload.dzbatna.net/upfiles/Pcd49590.gif
و بهذا نكون قد انتهينا من التعريف بكل خاصية و المنطقة الخاصة بها في الاستايل style ... أتمنى من الله أن أكون قد وفقت في الشرح طريقة و إن كان به أي خطأ فالعذر من الله ثم منكم إخواني الكرام .... أتمنى للجميع التوفيق و السلام عليكم و رحمة الله و بركاته
المصدر : مدرس مفصلة اللولو جرافكس التعليمية (http://www.allulu.org/vb)
أخوكم أحمد Allulu http://www.dzbatna.com/images/smilies/icon31.gif
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
السلام عليكم و رحمة الله و بركاته
سنتحدث في هذا الشرح طريقة عن كيفية التعديل على ألوان الاستايل style في المنتدى forum و التعديل على كل منطقة في الاستايل style عن طريق خيارات الـ CSS في الاستايل style ...
باسم الله نبدأ :
اذهب إلى لوحة تحكم منتداك :
http://www.yoursitename.com/vb/admincp
و من ثم أدخل بيانات لوحة التحكم ... على يمين الصفحة ستجد الخيار "الإستايل styleات والقوالب" اختر منه الخيار "التحكم بالاستايل styleات" كما في الصورة التالية :
http://upload.dzbatna.net/upfiles/l4C47800.gif
و من ثم بجانب الاستايل style الذي تريد التعديل على ألوانه و نمطه ستجد قائمة منسدلة قم بفتحها و اختر منها الخيار "الرئيسي CSS" كما في الصورة التالية :
http://upload.dzbatna.net/upfiles/xTU47852.gif
الآن ستفتح صفحة التعديل على ألوان و خطوط و نمط الاستايل style بشكل عام ... و سنقوم بكتابة كل خيار و على أي منطقة يؤثر في الاستايل style (موضح بالصور) ....
[1] خلفية المنتدى forum/Body :
http://upload.dzbatna.net/upfiles/rY147904.gif
[2] خلفية الصفحة/Page Background :
http://upload.dzbatna.net/upfiles/hNM47955.gif
[3] <td>, <th>, <p>, <li> :
هذه الخاصية اتركها فارغة تماماً ...
[4] حدود الجدول/Table Border :
http://upload.dzbatna.net/upfiles/Jzt48124.gif
http://upload.dzbatna.net/upfiles/ZdE48167.gif
[5] الأقسام الرئيسية/Category Strips :
http://upload.dzbatna.net/upfiles/rwd48222.gif
http://upload.dzbatna.net/upfiles/bZx48252.gif
[6] رأس الجدول/Table Header :
http://upload.dzbatna.net/upfiles/NFi48312.gif
http://upload.dzbatna.net/upfiles/mgW48340.gif
http://upload.dzbatna.net/upfiles/7IM48372.gif
http://upload.dzbatna.net/upfiles/xZb48403.gif
[7] نهاية الجدول/Table Footer :
http://upload.dzbatna.net/upfiles/Ih948455.gif
http://upload.dzbatna.net/upfiles/OAQ48484.gif
[8] لون التوزيع الأول/First Alternating Color :
http://upload.dzbatna.net/upfiles/8Oo48538.gif
[9] لون التوزيع الثاني/Second Alternating Color :
http://upload.dzbatna.net/upfiles/7VQ48590.gif
[10] محرر WYSIWYG + خلفية الكتابة/Input Fields :
هاتان الخاصيتان متماثلتان في الخصائص و خلفية الكتابة و متماثلة عادة مع الخاصية "لون التوزيع الأول/First Alternating Color"
http://upload.dzbatna.net/upfiles/NPj48641.gif
http://upload.dzbatna.net/upfiles/sGS48664.gif
[11] الأزرار/Buttons :
http://upload.dzbatna.net/upfiles/tnH48715.gif
[12] قوائم <select> :
http://upload.dzbatna.net/upfiles/Qt148869.gif
http://upload.dzbatna.net/upfiles/mu548891.gif
[13] الخط الصغير/Small Font :
http://upload.dzbatna.net/upfiles/KRF48935.gif
[14] لون الوقت/Time Color :
http://upload.dzbatna.net/upfiles/ok548979.gif
[15] نص شريط العنوان/Navbar Text :
http://upload.dzbatna.net/upfiles/ZrU49036.gif
[16] الخط المبرز /Highlighted Font :
عند البحث عن كلمة أو جملة joomla ما يتم تلوينها في الموضوع باللون الذي تحدده في هذه الخاصية ...
http://upload.dzbatna.net/upfiles/n7h49086.gif
[17] إبراز عنصر السطر الإداري/Inline Moderation Element Highlight :
عند تحديد مشاركة أو موضوع معين يتم تظليله باللون الذي تحدده في هذه الخاصية ...
http://upload.dzbatna.net/upfiles/6k549147.gif
[18] محيط اللوحة/Panel Surround :
http://upload.dzbatna.net/upfiles/gD349197.gif
[19] اللوحة (الأشكال)/Panel Forms :
http://upload.dzbatna.net/upfiles/ROX49242.gif
[20] <legend> :
http://upload.dzbatna.net/upfiles/9BU49344.gif
[21] التحكم بالقوائم المنبثقة/Popup Menu Controls :
http://upload.dzbatna.net/upfiles/RIV49405.gif
[22] جسم قائمة الإنبثاق/Popup Menu Body :
http://upload.dzbatna.net/upfiles/r7g49452.gif
[23] خيار صف قائمة الإنبثاق/Popup Menu Option Row :
http://upload.dzbatna.net/upfiles/Gv749500.gif
[24] خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option :
http://upload.dzbatna.net/upfiles/V3A49546.gif
[25] قائمة الانتقال السريع/Forum Jump Menu Classes :
http://upload.dzbatna.net/upfiles/Pcd49590.gif
و بهذا نكون قد انتهينا من التعريف بكل خاصية و المنطقة الخاصة بها في الاستايل style ... أتمنى من الله أن أكون قد وفقت في الشرح طريقة و إن كان به أي خطأ فالعذر من الله ثم منكم إخواني الكرام .... أتمنى للجميع التوفيق و السلام عليكم و رحمة الله و بركاته
المصدر : مدرس مفصلة اللولو جرافكس التعليمية (http://www.allulu.org/vb)
أخوكم أحمد Allulu http://www.dzbatna.com/images/smilies/icon31.gif
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©