السلام عليكم
كيف اضع خلفية للمنتدى vb ...
مثل هذه الخلفية
www.s4de.com/vb
للعلم انا صممت خلفية بنفس الحجم بس ماعرفت كيف احطها
ارجوا المسااااعده يزاكم الله الف خير !! :mwalat11:
عرض للطباعة
السلام عليكم
كيف اضع خلفية للمنتدى vb ...
مثل هذه الخلفية
www.s4de.com/vb
للعلم انا صممت خلفية بنفس الحجم بس ماعرفت كيف احطها
ارجوا المسااااعده يزاكم الله الف خير !! :mwalat11:
السلام عليكم و رحمة الله و بركاته
سنتحدث في هذا الشرح عن كيفية التعديل على ألوان الاستايل في المنتدى و التعديل على كل منطقة في الاستايل عن طريق خيارات الـ CSS في الاستايل ...
باسم الله نبدأ :
اذهب إلى لوحة تحكم منتداك :
http://www.yoursitename.com/vb/admincp
و من ثم أدخل بيانات لوحة التحكم ... على يمين الصفحة ستجد الخيار "الإستايلات والقوالب" اختر منه الخيار "التحكم بالاستايلات" كما في الصورة التالية :
https://mwadah.com/images/imgcache/2008/10/12.gulfson
و من ثم بجانب الاستايل الذي تريد التعديل على ألوانه و نمطه ستجد قائمة منسدلة قم بفتحها و اختر منها الخيار "الرئيسي CSS" كما في الصورة التالية :
https://mwadah.com/images/imgcache/2008/10/13.gulfson
الآن ستفتح صفحة التعديل على ألوان و خطوط و نمط الاستايل بشكل عام ... و سنقوم بكتابة كل خيار و على أي منطقة يؤثر في الاستايل (موضح بالصور) ....
[1] خلفية المنتدى/Body :
https://mwadah.com/images/imgcache/2008/10/14.gulfson
[2] خلفية الصفحة/Page Background :
https://mwadah.com/images/imgcache/2008/10/15.gulfson
[3] <td>, <th>, <p>, <li> :
هذه الخاصية اتركها فارغة تماماً ...
[4] حدود الجدول/Table Border :
https://mwadah.com/images/imgcache/2008/10/16.gulfson
https://mwadah.com/images/imgcache/2008/10/17.gulfson
[5] الأقسام الرئيسية/Category Strips :
https://mwadah.com/images/imgcache/2008/10/18.gulfson
https://mwadah.com/images/imgcache/2008/10/19.gulfson
[6] رأس الجدول/Table Header :
https://mwadah.com/images/imgcache/2008/10/20.gulfson
https://mwadah.com/images/imgcache/2008/10/21.gulfson
https://mwadah.com/images/imgcache/2008/10/22.gulfson
https://mwadah.com/images/imgcache/2008/10/23.gulfson
[7] نهاية الجدول/Table Footer :
https://mwadah.com/images/imgcache/2008/10/24.gulfson
https://mwadah.com/images/imgcache/2008/10/25.gulfson
[8] لون التوزيع الأول/First Alternating Color :
https://mwadah.com/images/imgcache/2008/10/26.gulfson
[9] لون التوزيع الثاني/Second Alternating Color :
https://mwadah.com/images/imgcache/2008/10/27.gulfson
[10] محرر WYSIWYG + خلفية الكتابة/Input Fields :
هاتان الخاصيتان متماثلتان في الخصائص و خلفية الكتابة و متماثلة عادة مع الخاصية "لون التوزيع الأول/First Alternating Color"
https://mwadah.com/images/imgcache/2008/10/28.gulfson
https://mwadah.com/images/imgcache/2008/10/29.gulfson
[11] الأزرار/Buttons :
https://mwadah.com/images/imgcache/2008/10/30.gulfson
[12] قوائم <select> :
https://mwadah.com/images/imgcache/2008/10/31.gulfson
https://mwadah.com/images/imgcache/2008/10/32.gulfson
[13] الخط الصغير/Small Font :
https://mwadah.com/images/imgcache/2008/10/33.gulfson
[14] لون الوقت/Time Color :
https://mwadah.com/images/imgcache/2008/10/34.gulfson
[15] نص شريط العنوان/Navbar Text :
https://mwadah.com/images/imgcache/2008/10/35.gulfson
[16] الخط المبرز /Highlighted Font :
عند البحث عن كلمة أو جملة ما يتم تلوينها في الموضوع باللون الذي تحدده في هذه الخاصية ...
https://mwadah.com/images/imgcache/2008/10/36.gulfson
[17] إبراز عنصر السطر الإداري/Inline Moderation Element Highlight :
عند تحديد مشاركة أو موضوع معين يتم تظليله باللون الذي تحدده في هذه الخاصية ...
https://mwadah.com/images/imgcache/2008/10/37.gulfson
[18] محيط اللوحة/Panel Surround :
https://mwadah.com/images/imgcache/2008/10/38.gulfson
[19] اللوحة (الأشكال)/Panel Forms :
https://mwadah.com/images/imgcache/2008/10/39.gulfson
[20] <legend> :
https://mwadah.com/images/imgcache/2008/10/40.gulfson
[21] التحكم بالقوائم المنبثقة/Popup Menu Controls :
https://mwadah.com/images/imgcache/2008/10/41.gulfson
[22] جسم قائمة الإنبثاق/Popup Menu Body :
https://mwadah.com/images/imgcache/2008/10/42.gulfson
[23] خيار صف قائمة الإنبثاق/Popup Menu Option Row :
https://mwadah.com/images/imgcache/2008/10/43.gulfson
[24] خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option :
https://mwadah.com/images/imgcache/2008/10/44.gulfson
[25] قائمة الانتقال السريع/Forum Jump Menu Classes :
https://mwadah.com/images/imgcache/2008/10/45.gulfson
و بهذا نكون قد انتهينا من التعريف بكل خاصية و المنطقة الخاصة بها في الاستايل ... أتمنى من الله أن أكون قد وفقت في الشرح و إن كان به أي خطأ فالعذر من الله ثم منكم إخواني الكرام .... أتمنى للجميع التوفيق و السلام عليكم و رحمة الله و بركاته
المصدر :مدرسة اللولو جرافكس التعليمية
وإذا كنت تريد وضع صوره في خلفية المنتدى :
تضع هذا الكود : وتضع رابط الصوره كما هو موضح :
كود PHP:
background-image: url("هنا رابط الصورة")