الويب العربي - :+::[ الدرس الثاني من دروس الإستايلات المتطورة بالتفصيل من فوكس ]::+:

السلام عليكم ورحمة الله

حياكم الله وبياكم وسدد على طريق الحق خطاي وخطاكم

عساكم بخير وعافية

طيب الحين نكمل ما بدأناه في الدرس السابق

وكنا قد انهينا تصميم وتقطيع قالب

forumhome_forumbit_level1_nopost

والحين راح نتعلم كيف نضيف الأوامر أو المتغيرات للتصميم ثم وضعها في القالب

سم الله وافتح برنامج الفرونت بيج

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

_ _ _ _ _ _ _ _ _ _

الحين نبدى ونخش على التعليمات البرمجية بعد فتح صفحة عمل جديدة

كما تشاهد في الصورة السابقة نقوم بمسح الأكواد

الحين نروح ونضيف جدول

3 في 3

الحين نضغط بالزر الأيمن على الجدول ونختار خصائص الجدول

ونقوم بتعديلها كالتالي

لاحظ الأسهم الحمراء توضح لك الخصائص التي سنقوم بالتعديل عليها

وبعد التعديل اضغط على زر موافق

طيب يا بعدي الحين نروح للمربع الأول من الجهة اليسرى ونضيف الصورة المحددة

هذه الصورة لا تستهين فيها خلها كأنها جدول أو خريطة ترجع إليها

ركز معي شوي الحين

الأرقام معناها صور

أما خلفية فهذه نقصد بها جعل الصورة كخلفية يعني إذا جينا عند المربع يكون كأنه فاضي مع وجود خلفية صورة متمددة

أول غير متمددة

نبدى نضيف الصورة الأولى من ادراج ثم صورة من ملف

ثم نقوم باستعراض الصورة الأولى

شوف كيف صارت

الحين نروح نسحب العمود المبين إلى أقصى اليسار

شوف كيف صار بعد الشد

نشف الحين الصورة رقم 3

ونشد العمود المقارب لها إلى أقصى اليمين

الحين راح نضيف الخلفية رقم 2

نروح للخلية المخصصة له ونضغط بالزر الأيمن ونختار خصائص الخلية

ثم نقوم بإستعراض الصورة

لاحظ الصورة

الحين عرفت كيف تضيف الصور والخلفيات

يالله الحين أبي منك تضيف بقية الصورة والخلفيات

حتى يصبح العمل هكذا

الحين خلصنا من تركيب الصور

طيب الحين نروح لمربع الخلفية رقم 2

وانسخ هذا الكود

كود PHP:


		
			
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>

والصقه فيه بعد الدخول إلى التعليمات البرمجية

شوف كيف صار

طبعاً هذا متغير اسم القسم

بعد اضافته

انسخ الكود التالي وضعه في المكان الفارغ

كود PHP:


		
			
<div align="center"> 

        <table cellpadding="0" cellspacing="0" border="0" width="100%"> 

 

<if condition="$childforumbits"> 

<tbody border="0" width="100%" id="table1" cellspacing="0" cellpadding="0"> 

<tr align="center"> 

<td></td> 

<if condition="$vboptions['showmoderatorcolumn']"> 

</if> 

</tr> 

$childforumbits 

<tr><td style="" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>"><img src="$vboptions[cleargifurl]" alt="" width="1" height="12" /></td></tr> 

</tbody> 

</if> 

</table> 

        </div>

بعد إضافته نروح للتعليمات البرمجية

لنقوم بتغير مسارات الصور

مثلاً هذا المسار

file:///C:/Documents%20and%20Settings/hammad/My%20 Documents/ss/images/fox84_03.gif

سنقوم بإزالة كل شي والإبقاء على

ss/images/fox84_03.gif

ss

تمثل مجلد صور الإستايل يمكنك تغييرها كمتا تريد

نخش على التعليمات البرمجية

ونحدد المسار اللذي نرغب بإزالته

ونضغط على زري

ctrl+f

ثم نقوم بلصق المسار الذي نرغب بإزالته أو تبديله كالتالي

ونضغط على استبدال الكل

طيب يا حبيبي الحين ما بقى إلى ننسخ كل شي في التعليمات البرمجية ووضعه في قالب

forumhome_forumbit_level1_nopost

بس قبل لا تسنخ غير

بدل الــ 100% بــ 780 كي لا يتمدد الإستايل لأننا نبيه غير متمدد

الحين خلاص روح انسخ وحط في قالب

forumhome_forumbit_level1_nopost

شاهد النتيجة لدي

كذا نكون أنهينا قالب
forumhome_forumbit_level1_nopost

ما تعبتوا ؟؟؟

ما عليكم أنتم أهم شي تظبطون هذا والباقي ان شاء الله مافيه إلا الخير

وإلى ذلك الحين تقبلوا تحياتي

وحاضرين لأي استفسار

ولا تنسوني ووالدي من صالح دعواتكم

محبكم فوكس