[درس ipb] تغيير الجزء الاعلى من المنتدى

[لجنة التطوير]

بسم الله الرحمن الرحيم هذا الدرس الاول في شرح تصميم استايل باستخدام خاصية السي اس اس

نبدا كيفية تغيير هيدر المنتدى (الشريط الي فوق)

نذهب الى

* Look & Feel >
* Manage Skin Sets & Templates
* Manage Templates in IP.Board
* css
* ipb_styles.css

ونبحث عن
رمز PHP:

#header_bar {
background: url({style_images_url}/header_bg.png ) repeat-x bottom;
padding: 0;
text-align: right;
​

تجده اول قيمه في قسم header

نقوم بالتعديل على

رمز PHP:

background: url({style_images_url}/header_bg.png ) repeat-x bottom;
​

اذا اردنا فقط تلوينه نحذف
رمز PHP:

url({style_images_url}/header_bg.png ) repeat-x bottom
​

ونضع رمز الون مثل الابيض

#fff


اما اذا اردنا وضع صوره فنعدل على
رمز PHP:

background: url({style_images_url}/header_bg.png ) repeat-x bottom;



​

عبارة

رمز PHP:

[PHP]header_bg.png
​

[/PHP]


ونضع اسم الصوره وصيغتها مع العلم يجب رفعها الى مجلد الاستايل داخل مجلد master

مع ملاحظه عدم حذف نهايه الكود وهي النقطتين( ; )

النتيجه

الان كيف نغير النافبار

نبحث عن
رمز PHP:

[PHP]
#primary_nav {
background: #000000 url({style_images_url}/header_bg.png) ;
font-size: 13px;
padding: 4px 0 0 0;
​

[/PHP]

تجده في نفس القسم

ونعدل عليه كما ذكرت

النتيجه

الان شرح كيفية تغيير لوجو المنتدى

نذهب الى

* Look & Feel >
* Manage Skin Sets & Templates
* Easy logo changer

Apply to which skin set? =اجعلها مرتبطه بالاستايل الرئيسي


URL to new logo=طريقه لاختيار الوجو عن طريق مكانها في الاستايل فقط قم بتغيير logo.png

OR upload a new logo =طريقه لرفع الوجو من الجهاز

اضغط submit

النتيجه


http://im18.gulfup.com/2011-11-04/132040159241.png

الان كيف نغير الخلفية المتمدده

نذهب الى

* Look & Feel >
* Manage Skin Sets & Templates
* Manage Templates in IP.Board
* css
* ipb_styles.css

ونبحث عن
رمز PHP:

#branding {
background: url({style_images_url}/branding_bg.png) repeat-x;
border-bottom: 1px solid #1b3759;
min-height: 64px;
}
​

تجده في نفس القسم نعدل عليه ونعمل حفظ ونرى النتيجه

الموضوع الاصلي

[درس1] تغيير الجزء الاعلى من المنتدى للنسخه الثالثه - مدينة الآي بي

​

 

[ABEER.M]

يعطيك العاافيه
بشوق لجديدك ​