منتديات المُنى والأرب

منتديات المُنى والأرب (http://www.arabna312.com//index.php)
-   الحماية والهاكات وتطوير المنتديات (http://www.arabna312.com//forumdisplay.php?f=70)
-   -   تعديل في الاستايل عن طريق خيارات الـ css (http://www.arabna312.com//showthread.php?t=26958)

أرب جمـال 7 - 9 - 2012 01:49 AM

تعديل في الاستايل عن طريق خيارات الـ css
 
تعديل في الاستايل عن طريق خيارات الـ CSS

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

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

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

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


http://upload.traidnt.net/upfiles/l4C47800.gif


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


http://upload.traidnt.net/upfiles/xTU47852.gif

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

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


http://upload.traidnt.net/upfiles/rY147904.gif


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


http://upload.traidnt.net/upfiles/hNM47955.gif


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

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

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


http://upload.traidnt.net/upfiles/Jzt48124.gif




http://upload.traidnt.net/upfiles/ZdE48167.gif


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


http://upload.traidnt.net/upfiles/rwd48222.gif

http://upload.traidnt.net/upfiles/bZx48252.gif






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


http://upload.traidnt.net/upfiles/NFi48312.gif



http://upload.traidnt.net/upfiles/mgW48340.gif

http://upload.traidnt.net/upfiles/7IM48372.gif

http://upload.traidnt.net/upfiles/xZb48403.gif






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


http://upload.traidnt.net/upfiles/Ih948455.gif

http://upload.traidnt.net/upfiles/OAQ48484.gif






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


http://upload.traidnt.net/upfiles/8Oo48538.gif


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


http://upload.traidnt.net/upfiles/7VQ48590.gif


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

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


http://upload.traidnt.net/upfiles/NPj48641.gif


http://upload.traidnt.net/upfiles/sGS48664.gif




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


http://upload.traidnt.net/upfiles/tnH48715.gif


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


http://upload.traidnt.net/upfiles/Qt148869.gif




http://upload.traidnt.net/upfiles/mu548891.gif

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


http://upload.traidnt.net/upfiles/KRF48935.gif


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


http://upload.traidnt.net/upfiles/ok548979.gif


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


http://upload.traidnt.net/upfiles/ZrU49036.gif


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

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


http://upload.traidnt.net/upfiles/n7h49086.gif


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

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


http://upload.traidnt.net/upfiles/6k549147.gif


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


http://upload.traidnt.net/upfiles/gD349197.gif


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


http://upload.traidnt.net/upfiles/ROX49242.gif


[20] <legend> :


http://upload.traidnt.net/upfiles/9BU49344.gif


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


http://upload.traidnt.net/upfiles/RIV49405.gif


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


http://upload.traidnt.net/upfiles/r7g49452.gif


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


http://upload.traidnt.net/upfiles/Gv749500.gif


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


http://upload.traidnt.net/upfiles/V3A49546.gif


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


http://upload.traidnt.net/upfiles/Pcd49590.gif


و بهذا نكون قد انتهينا من التعريف بكل خاصية و المنطقة الخاصة بها في الاستايل

طبعا واضح انه منقول arabna@a

شيماء يوسف 7 - 9 - 2012 02:03 AM

طرح في منتهىآ ـآلروعه والجمال
"يعطيكـ" ـآلف عآفية
#cc#
الله لا يحرمنا من ’’جديدكـ
دمت بخير..
..لكـ ودي..
http://www.3andna.com/photo/ToP/NiCE/3ANDNA_NICE27.gif

الغضنفر 7 - 9 - 2012 05:01 AM

مجهود رائع وموضوع قيّم
استمتعت بتواجدي بصفحتك

بانتظار المزيد من هذا العطاء

لك مني ارقّ تحية وأعذبها

دمت بخير

ابو فداء 8 - 9 - 2012 12:44 AM

يسلمووووووو
جهد رائع
بس بدنا الواحد يستدل على مواضيعوووا
يا ريت ترجع الخاصيه
سلمتي


الساعة الآن 01:11 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. منتديات المُنى والأرب

جميع المشاركات المكتوبة تعبّر عن وجهة نظر كاتبها ... ولا تعبّر عن وجهة نظر إدارة المنتدى