السلام عليكم ورحمة الله
حياكم الله وبياكم وسدد على طريق الحق خطاي وخطاكم
عساكم بخير وعافية
طيب الحين نكمل ما بدأناه في الدرس السابق
وكنا قد انهينا تصميم وتقطيع قالب
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
ما تعبتوا ؟؟؟
ما عليكم أنتم أهم شي تظبطون هذا والباقي ان شاء الله مافيه إلا الخير
وإلى ذلك الحين تقبلوا تحياتي
وحاضرين لأي استفسار
ولا تنسوني ووالدي من صالح دعواتكم
محبكم فوكس
:+::[ الدرس الثاني من دروس الإستايلات المتطورة بالتفصيل من فوكس ]::+:
النمط المتتابع
