[درس مفصل IPB] تغيير الجزء الاعلى من المنتدى forum

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif [ط¯ط±ط³ IPB] طھط؛ظٹظٹط± ط§ظ„ط¬ط²ط، ط§ظ„ط§ط¹ظ„ظ‰ ظ…ظ† ط§ظ„ظ…ظ†طھط¯ظ‰ (http://www.dzbatna.com/t2014392/)



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

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

http://im16.gulfup.com/2014-11-03/1320351010391.png

نذهب الى

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

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

<code style="white-space:nowrap"> <code> #header_bar {
background: url({style_images_url}/header_bg.png ) repeat-x bottom;
padding: 0;
text-align: right;
</code> </code>


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

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

رمز PHP:

<code style="white-space:nowrap"> <code> background: url({style_images_url}/header_bg.png ) repeat-x bottom;
</code> </code>



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

<code style="white-space:nowrap"> <code> url({style_images_url}/header_bg.png ) repeat-x bottom
</code> </code>


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

#fff


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

<code style="white-space:nowrap"> <code> background: url({style_images_url}/header_bg.png ) repeat-x bottom;
</code> </code>


عبارة

رمز PHP:

<code style="white-space:nowrap"> <code> &#91;PHP&#93;header_bg.png
</code> </code>

&#91;/PHP&#93;


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

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

النتيجه


http://im16.gulfup.com/2014-11-03/1320351010673.png

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

http://im16.gulfup.com/2014-11-03/1320351010564.png





نبحث عن
رمز PHP:

<code style="white-space:nowrap"> <code> &#91;PHP&#93;
#primary_nav {
background: #000000 url({style_images_url}/header_bg.png) ;
font-size: 13px;
padding: 4px 0 0 0;
</code> </code>

&#91;/PHP&#93;

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

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

النتيجه

http://im16.gulfup.com/2014-11-03/1320351010256.png

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

http://im12.gulfup.com/2014-11-04/1320399968721.png

نذهب الى

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


http://im14.gulfup.com/2014-11-04/1320400736851.png

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


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

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

اضغط submit

النتيجه


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

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

http://im15.gulfup.com/2014-11-04/1320401736111.png

نذهب الى

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

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

<code style="white-space:nowrap"> <code> #branding {
background: url({style_images_url}/branding_bg.png) repeat-x;
border-bottom: 1px solid #1b3759;
min-height: 64px;
}
</code> </code>


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

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

[درس مفصل1] تغيير الجزء الاعلى من المنتدى forum للنسخه الثالثه - مدينة الآي بي (http://www.ipbcity.net/forums/topic/4106-%d8%af%d8%b1%d8%b31-%d8%aa%d8%ba%d9%8a%d9%8a%d8%b1-%d8%a7%d9%84%d8%ac%d8%b2%d8%a1-%d8%a7%d9%84%d8%a7%d8%b9%d9%84%d9%89-%d9%85%d9%86-%d8%a7%d9%84%d9%85%d9%86%d8%aa%d8%af%d9%89-%d9%84%d9%84%d9%86%d8%b3%d8%ae%d9%87-%d8%a7%d9%84%d8%ab%d8%a7%d9%84%d8%ab/)

http://im12.gulfup.com/2014-11-04/1320402244771.png





التعديل الأخير كان بواسطة ahmedayad60; 23 - 12 - 2014 الساعة 00:33

ألعاب الأندرويد مجانا و حصريا (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)©