أهلا وسهلا بك زائرنا الكريم في منتدى دعم 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 مساءً

 
  header.txt   تحميل txt مرات التحميل :(49)
الحجم :(1.076) KB

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  27-10-2012 01:50 مساءً   [1]
m_rezk2000
معلومات الكاتب
شكرا لك اخى الفاضل ابدعت فى الشرح بارك الله فيك

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  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 -->  




لاي استفسار لاتترددو

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  27-10-2012 03:25 مساءً   [3]
newghanou
معلومات الكاتب
موضوع جميل شكرا لك أخي

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  27-10-2012 03:58 مساءً   [4]
AHMED
معلومات الكاتب
جزاك الله خيرا اخى عمار

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  23-11-2012 11:40 مساءً   [5]
taifouri
معلومات الكاتب
شكراا جزيلا

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  25-11-2012 03:30 مساءً   [6]
dark1
معلومات الكاتب
عمل جميل جداً وشرح واضح



شكراً .

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  23-09-2019 12:18 مساءً   [7]
dayday
معلومات الكاتب
هل ما يزال هدا الموضوع يعمل

اريد شرح جديد بحيت اريد وضع صورة في الهيدر طويلة

و شكرا

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  29-09-2019 10:54 صباحاً   [8]
زينب حمدان
معلومات الكاتب
شكرا على المشاركة

look/images/icons/i1.gif أظف مسحة جمالية على واجهة منتداك (تعديل للهيدر)
  08-10-2019 05:11 صباحاً   [9]
alaaautodesk
معلومات الكاتب
شرح جميل شكرا ليك



الكلمات الدلالية
لا يوجد كلمات دلالية ..






الساعة الآن 06:18 AM