walid
11-01-2013, بتوقيت غرينيتش 03:14 AM
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> [PHP]header_bg.png
</code> </code>
[/PHP]
ونضع اسم الصوره وصيغتها مع العلم يجب رفعها الى مجلد الاستايل 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> [PHP]
#primary_nav {
background: #000000 url({style_images_url}/header_bg.png) ;
font-size: 13px;
padding: 4px 0 0 0;
</code> </code>
[/PHP]
تجده في نفس القسم
ونعدل عليه كما ذكرت
النتيجه
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)©
بسم الله الرحمن الرحيم هذا الدرس مفصل الاول في شرح طريقة تصميم استايل 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> [PHP]header_bg.png
</code> </code>
[/PHP]
ونضع اسم الصوره وصيغتها مع العلم يجب رفعها الى مجلد الاستايل 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> [PHP]
#primary_nav {
background: #000000 url({style_images_url}/header_bg.png) ;
font-size: 13px;
padding: 4px 0 0 0;
</code> </code>
[/PHP]
تجده في نفس القسم
ونعدل عليه كما ذكرت
النتيجه
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)©