شرح خيارات css الرئيسي

[محـب الحسين]

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

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

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

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

كل ما في الموقع من روابط للتحميل مثل صورة لعبة برنامج اغنية مقطع فلم على رسائل مسجات الى يوتيوب سواء للبنات او للشباب لابد من تسجيل اضغط هنا (http://www.bdr130.net/vb/register.php) و استمتع مع اجمل و احلى مواضيع

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


http://www.gulfson.com/vb/imgulfson/84f23acfe5046c8a9fdf8b995a6c5f5e.gulfson

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


http://www.gulfson.com/vb/imgulfson/deadd3faecc5557993c3536757831b75.gulfson

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

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


http://www.gulfson.com/vb/imgulfson/615560bc37a378b6ae5881be58f1cd95.gulfson

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


http://www.gulfson.com/vb/imgulfson/d38f0c141485bd01043aef6bbabd3db2.gulfson

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

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

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


http://www.gulfson.com/vb/imgulfson/1759790a6df4bf97ea9992fee856ccf3.gulfson

http://www.gulfson.com/vb/imgulfson/26936b90c8d4024a6e612c51ce278fe9.gulfson

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


http://www.gulfson.com/vb/imgulfson/14cb75b835204e54b6acae8c2b763a35.gulfson

http://www.gulfson.com/vb/imgulfson/1e834dfd8779b30760c7bbe1aea37be5.gulfson

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


http://www.gulfson.com/vb/imgulfson/dac391c014c1d36155bcd8b0bac92069.gulfson

http://www.gulfson.com/vb/imgulfson/191bf5bf3cce149cc312d54d7cea55c6.gulfson

http://www.gulfson.com/vb/imgulfson/25935ed67aa6b2b4f1a005b346aeee13.gulfson

http://www.gulfson.com/vb/imgulfson/2cf00cfb11957e8fe5bbe583ebf37de6.gulfson

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


http://www.gulfson.com/vb/imgulfson/21ea4581e277d0d9c714391e0021f5bb.gulfson

http://www.gulfson.com/vb/imgulfson/fa09dfc1cddf5e871864ed737b8b8334.gulfson

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


http://www.gulfson.com/vb/imgulfson/365ac27cd49b26535cd193c549185ac8.gulfson

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


http://www.gulfson.com/vb/imgulfson/f66d0adf1b6c3a45ad3aa58b32ca5e2f.gulfson

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

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


http://www.gulfson.com/vb/imgulfson/c17caa6ca53444998161c804a0fcea75.gulfson

http://www.gulfson.com/vb/imgulfson/3f8924ee466278790cd48477bc9c8e4b.gulfson

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


http://www.gulfson.com/vb/imgulfson/fe6f338de15ece994729041ecdf235d4.gulfson

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


http://www.gulfson.com/vb/imgulfson/4bf866deb0c40271ab3a42a8b994fa46.gulfson

http://www.gulfson.com/vb/imgulfson/6413a87164b2355fc0b3f35e8e4c004b.gulfson

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


http://www.gulfson.com/vb/imgulfson/c399e95d94709ee8986de56d402c62af.gulfson

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


http://www.gulfson.com/vb/imgulfson/616c35a0aed2d4a3b3760929b0c4b684.gulfson

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


http://www.gulfson.com/vb/imgulfson/02a740c16b345b2f747e6b15137b2139.gulfson

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

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


http://www.gulfson.com/vb/imgulfson/2edc00febddd9de6eb4db11de9dfe27e.gulfson

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

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


http://www.gulfson.com/vb/imgulfson/4b011c1800e89f1147a90629dd3d16f6.gulfson

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


http://www.gulfson.com/vb/imgulfson/4a420221041a88007d97feb6dd604c48.gulfson

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


http://www.gulfson.com/vb/imgulfson/50cf88adef1379bdec7dc9d9ba684fa1.gulfson

[20] <legend> :


http://www.gulfson.com/vb/imgulfson/02e5065614e83aaeaf26f2b753127ede.gulfson

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


http://www.gulfson.com/vb/imgulfson/3903d93d1777f21c71620814a5f70890.gulfson

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


http://www.gulfson.com/vb/imgulfson/609feb42c57f438ad34f69a64f280fde.gulfson

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


http://www.gulfson.com/vb/imgulfson/4bc49eed79278afad2a50fdd2d5fb79e.gulfson

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


http://www.gulfson.com/vb/imgulfson/af0a999d721e0ae072ee75e4a9c975a0.gulfson

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


http://www.gulfson.com/vb/imgulfson/8dd0673777ab2dffc2d4a7557e7d0180.gulfson

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

[سكون الليل]

بارك الله بك اخي محب الحسين تقبل مروري