أفكار لــشقــلــبــة شكل المنتدى (vBulletin) .. نـظرة تـفـصيـلـيـة

**SMQ** · 08-06-2006

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

السلام عليكم ورحمة الله وبركاته ،،، وكل عام وأنتم بخير ....

_______________________________________________

بعد النجاح - في نظري - الذي حققه موضوع أخونا ابوليالي ، أفكار لــشقــلــبــة شكل المنتدى (vBulletin)
والذي في الحقيقة كما لاحظتم في ردود الموضوع أنني (((مصختها))) ، كل شوي كاتب شيء .. أحم أحم نرجع فصحى أحسن

....

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

- مع ان البعض ينقل وينسب الموضوع لنفسه وينسى حقوق الكاتب والمنتدى - لا مانع من نقل المشاركة إلى منتدى آخر حتى تعم الفائدة بإذن الله ....
________________________________________________

**SMQ** · 08-06-2006

الدرس الأول:-

بعد ما تركب منتدى ، وتحول اللغة إلى عربي ، طبعا كلنا عارفين شكل المنتدى الافتراضي ((بايخ - صح)) شوف شكل الهدر كيف ماصخ ....

http://www.MyOnlineImages.com/Member...OLD_HEADER.gif

لا وشوفوا شكل الفوتر كيف من جد باااايخ ....

http://www.MyOnlineImages.com/Member...OLD_FOOTER.gif

.....

احنا اليوم ... سنجعل المنتدى يكون أفضل من كذا .... أولا راح نضيف إطار للمنتدى ، ونضيف صور في الهدر والفوتر .....

.....

افتح قالب الـ header ...
استبدله بالكامل بالكود التالي ....

كود:

<!-- logo -->

<head>
<meta http-equiv="Content-Language" content="en-us">
</head>

<a name="top"></a>
<table border="0" width="770" id="table1" cellspacing="0" cellpadding="0" dir="ltr" align="center">
	<tr>
		<td width="15" rowspan="2" valign="top" background="SMQ/images/SMQ_side_01.jpg">
		<img border="0" src="SMQ/images/SMQ_header_01.jpg" width="15" height="196"></td>
		<td width="15%" valign="top">
						<IMG SRC="SMQ/images/SMQ_header_02.jpg" ALT=""  border="0"></td>
		<td width="70" valign="top">
		<img border="0" src="SMQ/images/SMQ_header_03.jpg"></td>
		<td width="161" valign="top">
		<img border="0" src="SMQ/images/SMQ_header_04.jpg" width="161" height="196" hspace="0"></td>
		<td width="322" valign="top">
		<img border="0" src="SMQ/images/SMQ_header_05.jpg"></td>
		<td width="15" rowspan="2" valign="top" background="SMQ/images/SMQ_side_01.jpg">
		<img border="0" src="SMQ/images/SMQ_header_06.jpg" width="15" height="196"></td>
	</tr>
<tr>
		<td colspan="4" valign="top" align="center"><tr>

<td background="SMQ/images/SMQ_side_01.jpg" width="15">
		<img border="0" src="SMQ/images/SMQ_side_01.jpg" width="15" height="11"></td>

				<td colspan="4" dir="rtl">
<p align="center">
$spacer_open$_phpinclude_output<html><body> 

</body></html>

والآن افتح قالب الـ footer ...
واستبدله بالكود التالي ...

كود:

<br />
<div class="smallfont" align="center">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
<br />
<div align="center">
	<div class="smallfont" align="center">
	<!-- Do not remove this copyright notice -->
	$vbphrase[powered_by_vbulletin]
	<!-- Do not remove this copyright notice -->
	</div>
	
	<div class="smallfont" align="center">
	<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
	$cronimage
	<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
	
	$vboptions[copyrighttext]
	</div>
</div>

$spacer_close
		<td background="SMQ/images/SMQ_side_01.jpg" width="15">
		<img border="0" src="SMQ/images/SMQ_side_01.jpg" width="15" height="11"></td>
	</tr>
	</table>
<div align="center">
	<table cellspacing="0" cellpadding="0" width="770" dir="ltr">
	<tr>
		<td width="15">
		<img border="0" src="SMQ/images/SMQ_footer_01.jpg" width="15" height="102"></td>
		<td width="228">
			<IMG SRC="SMQ/images/SMQ_footer_02.jpg" WIDTH=228 HEIGHT=102 border="0"></td>
		<td><IMG SRC="SMQ/images/SMQ_footer_03.jpg" WIDTH=190 HEIGHT=102 border="0"></td>
		<td width="322">
						<IMG SRC="SMQ/images/SMQ_footer_04.jpg" ALT="" align="right" border="0" hspace="0"></td>

		<td width="15">
		<img border="0" src="SMQ/images/SMQ_footer_05.jpg" width="15" height="102"></td>
	</tr>
</table></div><script type="text/javascript">
<!--
	// Main vBulletin Javascript Initialization
	vBulletin_init();
//-->
</script>

.....

الآن شوف كيف صار شكل الهدر + الفوتر ....

http://www.MyOnlineImages.com/Member...NEW_HEADER.gif

http://www.MyOnlineImages.com/Member...NEW_FOOTER.gif

انتهى ....

SMQ

**SMQ** · 08-06-2006

توضيح ما جاء بالدرس الأول:-

وش سوينا حنا .....

بعد ما شفتوا الهدر راح تلاحظون ألوان

.... وأرقام ..

، هذي عشان أسهل عليكم الموضوع ويكون قالبنا قالب إفتراضي لجميع الستايلات بالعالم ...
الهدر قسمته إلى 6 صور بالإضافة إلى الصورة رقم 7 وهي الاطار وهي مشتركة بين الهدر والفوتر ...

أما الفوتر ... قسمته ... إلى 5 صور ...

صور الهدر ( 1-2-3-4-5-6)
صور الفوتر (8-9-10-11-12)
الاطار (7) مشترك بين الهدر والفوتر ....

SMQ

**SMQ** · 08-06-2006

تطبيق للدرس الأول:-

شبااب ... صحصحوا معاي .....

الآن إحنا شقلبنا شكل المنتدى .... بس بصراحة الصور (أحمر ، أزرق) مو حلوه ... ولازم نطبق على الدرس عشان تشوفون وش فايدة الأحمر و الأزرق ...

أنا من قبل ... كنت وعدت أخونا الفاضل 9mbc بمفاجئة في موضوعنا السابق ...
أنا زرت موقعه ... وعجبني الهدر .... وقلت خلني أطبق الهدر على الدرس الأول ((((بعد إذنك أخوي 9mbc))))

بعد ما قسمت الهدر حق أخوي في موقعه http://9mbc.com/tgp/ ...

وشوية تعديلات بالفوتوشوب ... شوفو الهدر كيف صار ......

http://www.MyOnlineImages.com/Member...BLE_HEADER.gif

SMQ

**محمود المسعودي** · 08-06-2006

جزاك الله خيراً على المجهود الذى تقدمه و الذى قدمته في الموضوع السابق

**SMQ** · 08-06-2006

توضيح لما فعلناه بالتطبيق

طبعا تذكرون هالصورة:
http://www.myonlineimages.com/Member...NEW_HEADER.gif

شوفوا التطبيق ...

http://www.myonlineimages.com/Member...ESCRIPTION.gif

وطبعا الصورة واضحة جدا جدا .. قارنوا الصورتين وشوفوا الأرقام ....

SMQ

**SMQ** · 08-06-2006

المشاركة الأصلية كتبت بواسطة موودي

جزاك الله خيراً على المجهود الذى تقدمه و الذى قدمته في الموضوع السابق

ويجزاك كل خير ....

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

SMQ

**SMQ** · 08-06-2006

تطبيق آخر للدرس الأول:-

بعد ما طبقنا الدرس الأول على الهدر ... جاء دور الفوتر ... إمممممممم ... شوية تعديلات على هدر أخونا 9mbc عشان نحاول نخليه فوتر ...

شوفوا الفوتر كيف صار:
http://www.myonlineimages.com/Member...BLE_FOOTER.gif

ما شاء الله تبارك الله ......

SMQ

**momayaz** · 08-06-2006

ما قصرت يالغالي مبدع .

بانتظار المزيد

**SMQ** · 08-06-2006

المشاركة الأصلية كتبت بواسطة momayaz

ما قصرت يالغالي مبدع .

بانتظار المزيد

شكرا .. لمرورك الكريم ...

بإذن الله لن نترك مجال للمزيد، تابعنا فقط!! ....

SMQ

**SMQ** · 08-06-2006

توضيح لما فعلناه بالتطبيق الآخر

طبعا تذكرون هالصورة ....

http://www.myonlineimages.com/Member...NEW_FOOTER.gif

شوفوا التطبيق ....

http://www.myonlineimages.com/Member...ESCRIPTION.gif

وطبعا الصورة واضحة جدا جدا .. قارنوا الصورتين وشوفوا الأرقام ....

SMQ

**SMQ** · 08-06-2006

تم بحمد الله وفضله الانتهاء بالكامل من الدرس الأول وتطبيقاته ...

وإليكم أحبتي الصور الخاصة بالهدر + الفوتر (طبعا للدرس مو حقت التطبيق) ....

SMQ

**SMQ** · 08-06-2006

تتمة الصور الخاصة بالدرس الأول .....

**SMQ** · 08-06-2006

حبايبي الكرام ..... حاولت أرفق آخر ملف للفوتر .. بس المنتدى زعل مني

ويقول اني استخدمت كل المساحة المتوفرة ...

لذلك المشاركات الجديدة لن يتم فيها اضافة مرفقات ....

والي ما تطلع عنده الصور في المستقل ... سأحاول قدر المستطاع أحدث الروابط .... وإللي يبغى يساعد معنا ... لايبخل علينا ....

عالعموم ... هذي آخر صورة خاصة بالفوتر
http://www.MyOnlineImages.com/Member..._footer_05.jpg

SMQ

**romioo** · 08-06-2006

شرح رائع مشكور اخوى وبارك الله فيك

الموضوع: أفكار لــشقــلــبــة شكل المنتدى (vBulletin) .. نـظرة تـفـصيـلـيـة

أدوات الموضوع

بحث في الموضوع

أفكار لــشقــلــبــة شكل المنتدى (vBulletin) .. نـظرة تـفـصيـلـيـة

الدرس الأول:-

توضيح ما جاء بالدرس الأول

تطبيق للدرس الأول

توضيح لما فعلناه بالتطبيق

تطبيق آخر للدرس الأول

توضيح لما فعلناه بالتطبيق الآخر

الحمد لله والشكر له

تتمة الصور ....

تنويه واعتذار ....

ضوابط المشاركة