- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
-
- [درس]:
-
27-10-2012 01:48 مساءً
-
عمارمعلومات الكاتبالأعضاءعضـو مشارك
-
بسم الله الرحمان الرحيم
اخواني أعظاء المنتدى السلام عليكم و رحمة الله و بركاته...
اليكم هذا الشرح البسيط لاظافة مسحة جمالية على هيدر المنتدى وتمييزه وذلك بيتعديل الهيدر لتصبح واجهته
مخصصة ...الشرح على الاستايل الافتراضي للمنتدى و هو على فكرة جميل جدا و يمكنكم القياس على استايلاتكم
اللتي تستعملونها...
نفح لوحة الادارة ثم الاستايلات و القوالب ثم التحكم بالقوالب ثم نفتح ملف الهيدر(header) للستايل المراد التعديل عليه
كما موضح بالصورة التالية

طبعا لاتنسو أخذ نسخة احتياطية من ملف الهيدر قبل التعديل
ونستبدل محتوياته بالاتي مع تعديل ما يناسبكم بالضافة عنوان الصورة المراد ظهورها و كتابة العبارات اللتي تريدون
CODE<!-- action_find_addons_1 --></div> <div> <!--pbb.logo.start--></div> <div> <div id="logostrip"></div> <div> {template}header_bar{/template}</div> <div> <a href="index.php" title="{$_CONF['info_row']['title']}" rel="home" accesskey="1"><p style="text-align: center;"><big style="color: rgb(255, 204, 102);"><big</div> <div> style="font-family: AL-Majd; font-weight: bold;"><big><big><big>أكتب هنا عنوان منتداك أو ماتشاء </big></big></big></big></big></p></div> <div> </a></div> <div> </div><p style="text-align: center;"><img</div> <div> style="width: 729px; height: 100px;"</div> <div> alt="أكتب هنا ماتريد أن يظهر أثناء تمرير الماوس على الصورة"</div> <div> title="أكتب هنا ماتريد أن يظهر أثناء تمرير الماوس على الصورة"</div> <div> src="رابط الصورة المراد ظهورها"> </p><div</div> <div> style="text-align: center; font-family: Adobe Arabic; color: white; font-weight: bold;"></div> <div> <p><big><big><big>أكتب هنا ما تريد أن يظهر تحت الصورة</div> <div> جديدة <br></div> <div> </big></big></big></p></div> <div> </div></div> <div> <!--pbb.logo.end--></div> <div> {template}main_bar{/template}</div> <div style="text-align: center;"> <!-- action_find_addons_2 -->
بالنسبة لالوان للنص ....
color: white; font-weight: bold;"
حيث أن اللون هنا أبيض (white) يمكنك تعديله بما ترتئيه.....
بالنسبة للصورة انا جعلتها في الوسط و تحت عنوان المنتدى و يمنك تعديل مقاساتها بما تريد
مثال =
style="width: 729px; height: 100px;"
عدل مقاسات الطول و العرض بما تريد
و اليكم صورة الهيدر بعد التعديل من منتدايا التجريبي

أتمنى ان الشرح أفادكم اعزائي و لاية استفسارات أو توضيحات لا تتردو عبر الرد في هذا الموضوع....
كلمة حق= ما اعجبني في هذا السكريبت هو سهولة برمجته و تعديله فلايجب ان تكون مستعملا متقدما لتتمكن من
تخصيص منتداك بل بقليل من الفطنة والانتباه تحقق الأفظل...
عاشت المصادر الحرة
دمتم بود
الكود بالمرفقات ايظا-
تم تحرير الموضوع بواسطة :عمار بتاريخ: 27-10-2012 03:09 مساءً
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)27-10-2012 01:50 مساءً [1]
-
m_rezk2000معلومات الكاتبالأعضاءعضـو بـارز
- انضم في :
- 07-12-2010
- رقم العضوية :
- 1059
- المشاركات :
- 1339
- الدولة :
- أم الدنيا مصر
- الجنس:
- تاريخ الميلاد :
- 23-5-1969
- الدعوات:
- 1
- قوة السمعة:
- 2893
- موقعي:
- زيارة موقعي
-
شكرا لك اخى الفاضل ابدعت فى الشرح بارك الله فيك
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)27-10-2012 01:53 مساءً [2]
-
عمارمعلومات الكاتبالأعضاءعضـو مشارك
-
عفوا اخواني اليكم الكود مجددا لانه متصفحي لا يتلائم مع المحرر الافتراضي للمنتدى
CODE<!-- action_find_addons_1 --> <div> <!--pbb.logo.start--></div> <div> <div id="logostrip"></div> <div> {template}header_bar{/template}</div> <div> <a href="index.php" title="{$_CONF['info_row']['title']}" rel="home" accesskey="1"><p style="text-align: center;"><big style="color: rgb(255, 204, 102);"><big</div> <div> style="font-family: AL-Majd; font-weight: bold;"><big><big><big>أكتب هنا عنوان منتداك أو ماتشاء </big></big></big></big></big></p></div> <div> </a></div> <div> </div><p style="text-align: center;"><img</div> <div> style="width: 729px; height: 100px;"</div> <div> alt="أكتب هنا ماتريد أن يظهر أثناء تمرير الماوس على الصورة"</div> <div> title="أكتب هنا ماتريد أن يظهر أثناء تمرير الماوس على الصورة"</div> <div> src="رابط الصورة المراد ظهورها"> </p><div</div> <div> style="text-align: center; font-family: Adobe Arabic; color: white; font-weight: bold;"></div> <div> <p><big><big><big>أكتب هنا ما تريد أن يظهر تحت الصورة</div> <div> جديدة <br></div> <div> </big></big></big></p></div> <div> </div></div> <div> <!--pbb.logo.end--></div> <div> {template}main_bar{/template}</div> <!-- action_find_addons_2 -->
لاي استفسار لاتترددو
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)27-10-2012 03:25 مساءً [3]
-
newghanouمعلومات الكاتبالأعضاءعضـو نشيط
- انضم في :
- 30-10-2011
- رقم العضوية :
- 1912
- المشاركات :
- 408
- الدولة :
- الجزائر
- الجنس:
- الدعوات:
- 2
- قوة السمعة:
- 658
- موقعي:
- زيارة موقعي
-
موضوع جميل شكرا لك أخي
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)27-10-2012 03:58 مساءً [4]
-
AHMEDمعلومات الكاتبالأعضاءعضـو ستـار
- انضم في :
- 20-07-2009
- رقم العضوية :
- 18
- المشاركات :
- 2796
- الجنس:
- تاريخ الميلاد :
- 1-10-1981
- الدعوات:
- 31
- قوة السمعة:
- 4978
- موقعي:
- زيارة موقعي
-
جزاك الله خيرا اخى عمار
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)23-11-2012 11:40 مساءً [5]
-
taifouriمعلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 19-01-2012
- رقم العضوية :
- 1991
- المشاركات :
- 150
- الدولة :
- algeria
- الجنس:
- تاريخ الميلاد :
- 16-3-1970
- قوة السمعة:
- 4
- موقعي:
- زيارة موقعي
-
شكراا جزيلا
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)25-11-2012 03:30 مساءً [6]
-
dark1معلومات الكاتبالأعضاءعضـو بـارز
- انضم في :
- 23-08-2010
- رقم العضوية :
- 648
- المشاركات :
- 1364
- الدولة :
- المغرب
- الجنس:
- تاريخ الميلاد :
- 7-7-1992
- الدعوات:
- 2
- قوة السمعة:
- 3300
-
عمل جميل جداً وشرح واضح
شكراً .
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)23-09-2019 12:18 مساءً [7]
-
daydayمعلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 07-02-2014
- رقم العضوية :
- 4958
- المشاركات :
- 229
- الدولة :
- Morocco
- الجنس:
- تاريخ الميلاد :
- 10-4-1986
- قوة السمعة:
- 60
- موقعي:
- زيارة موقعي
-
هل ما يزال هدا الموضوع يعمل
اريد شرح جديد بحيت اريد وضع صورة في الهيدر طويلة
و شكرا
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)29-09-2019 10:54 صباحاً [8]
-
زينب حمدانمعلومات الكاتبالأعضاءعضـو مشارك
- انضم في :
- 18-12-2018
- رقم العضوية :
- 8184
- المشاركات :
- 20
- الجنس:
- تاريخ الميلاد :
- 1-12-1990
- قوة السمعة:
- 0
-
شكرا على المشاركة
-
-
أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)08-10-2019 05:11 صباحاً [9]
-
alaaautodeskمعلومات الكاتبالأعضاءعضـو مشارك
- انضم في :
- 08-10-2019
- رقم العضوية :
- 8676
- المشاركات :
- 3
- الجنس:
- تاريخ الميلاد :
- 5-4-2000
- قوة السمعة:
- 0
-
شرح جميل شكرا ليك
-
-