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

[فـــوكـــس]

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

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

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

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

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

forumhome_forumbit_level1_nopost

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

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

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

_ _ _ _ _ _ _ _ _ _

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

http://www.fox84.org/dros/pro/d2/1.gif

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

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

3 في 3

http://www.fox84.org/dros/pro/d2/2.gif

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

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

http://www.fox84.org/dros/pro/d2/3.gif

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

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

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

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

http://www.fox84.org/dros/pro/d2/4.gif

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

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

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

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

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

http://www.fox84.org/dros/pro/d2/5.gif

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

http://www.fox84.org/dros/pro/d2/6.gif

شوف كيف صارت

http://www.fox84.org/dros/pro/d2/7.gif

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

http://www.fox84.org/dros/pro/d2/8.gif

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

http://www.fox84.org/dros/pro/d2/9.gif

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

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

http://www.fox84.org/dros/pro/d2/10.gif

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

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


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

http://www.fox84.org/dros/pro/d2/11.gif

لاحظ الصورة

http://www.fox84.org/dros/pro/d2/12.gif

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

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

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

http://www.fox84.org/dros/pro/d2/13.gif

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

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

http://www.fox84.org/dros/pro/d2/14.gif

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

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

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

شوف كيف صار

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

http://www.fox84.org/dros/pro/d2/15.gif

بعد اضافته

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

http://www.fox84.org/dros/pro/d2/16.gif


<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

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

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

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

http://www.fox84.org/dros/pro/d2/17.gif

ونضغط على زري

ctrl+f

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

http://www.fox84.org/dros/pro/d2/18.gif

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

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

forumhome_forumbit_level1_nopost

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

http://www.fox84.org/dros/pro/d2/19.gif

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

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

forumhome_forumbit_level1_nopost

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

http://www.fox84.org/dros/pro/d2/20.gif

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

ما تعبتوا ؟؟؟

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

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

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

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

محبكم فوكس

[windy]

الله يجزاك كل خير
وان شاءالله اكون من المتابعين معاك في جميع المنتديات


دمت بود

اختك

ونوودة

[Mobdi3.com]

السلام عليكم

مشكور اخي درس جميل يعطيك العافية وفي انتظار جديدك
خالد

[فـــوكـــس]

العفــو أخواني

حياك الله أختــي

windy (http://www.arabwebtalk.com/member.php?u=19188) vbmenu_register("postmenu_194150", true);

[LMSTY-DES]

مشكور ياغالي علي مجهودك الكبير في القسم
في انتظار جديدك

[ستوب اعلان]

مشكور اخي درس جميل يعطيك العافية وفي انتظار جديدك

[فـــوكـــس]

الله يسلمكم

[المصمم للإستضافة]

أشكرك أخي الكريم على الجهود الجبارة وفي إنتظار الدرس الثالث بفارغ الصبر أتمنى وضعة اليوم وهذا تطبيقي على الدرسين الأولين

http://www.mosamem.net/vv

[العسولة]

السلام عليكم

الاخ فوكس جزاك الله خير مواضيعك مره حلوة بس لي سؤالين
الخطوة الثانية في نقل الاكواد هل الصق الكود الثاني على التصميم بالفرنت بيج ولا بتعليمات برمجه
الحين بالخطوه الي قيل الاخيرة ال اير فيها الفايل وحط الاميج بس لما اعل الاستبدال بتروح الصور وبيتبدل مكانها علامة ال x

وهذا الصورة لو فيك تدلني او اي احد يعرف يعلمنيي ولك الف شكرا وكل من مر او عبر او رد

http://www3.0zz0.com/2006/10/27/19/31221602.gif