أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)

بسم الله الرحمان الرحيم



اخواني أعظاء المنتدى السلام عليكم و رحمة الله و بركاته...

اليكم هذا الشرح البسيط لاظافة مسحة جمالية على هيدر المنتدى وتمييزه وذلك بيتعديل الهيدر لتصبح واجهته

مخصصة ...الشرح على الاستايل الافتراضي للمنتدى و هو على فكرة جميل جدا و يمكنكم القياس على استايلاتكم

اللتي تستعملونها...

نفح لوحة الادارة ثم الاستايلات و القوالب ثم التحكم بالقوالب ثم نفتح ملف الهيدر(header) للستايل المراد التعديل عليه

كما موضح بالصورة التالية





طبعا لاتنسو أخذ نسخة احتياطية من ملف الهيدر قبل التعديل

ونستبدل محتوياته بالاتي مع تعديل ما يناسبكم بالضافة عنوان الصورة المراد ظهورها و كتابة العبارات اللتي تريدون

 <!-- 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;"

عدل مقاسات الطول و العرض بما تريد








و اليكم صورة الهيدر بعد التعديل من منتدايا التجريبي







أتمنى ان الشرح أفادكم اعزائي و لاية استفسارات أو توضيحات لا تتردو عبر الرد في هذا الموضوع....

كلمة حق= ما اعجبني في هذا السكريبت هو سهولة برمجته و تعديله فلايجب ان تكون مستعملا متقدما لتتمكن من

تخصيص منتداك بل بقليل من الفطنة والانتباه تحقق الأفظل...

عاشت المصادر الحرة



دمتم بود



الكود بالمرفقات ايظا