ط¥ط¹ط¯ط§ط¯ ظˆط¶ط¨ط· INettuts Plugin ط¹ظ„ظ‰ ط£ظ‚ط³ط§ظ… ط§ظ„ظ…ظ†طھط¯ظ‰ ط*طµط±ظٹط§ ط¹ظ„ظ‰ طھط±ط§ظٹط¯ظ†طھ



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

كيف حالكم إخواني طيبين إن شاء الله

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

المهم أتمنى منكم السموحة والمعذرة على التأخير

أولا سأتحدث على INettuts

INetuts هو بلوجن جافا سكربت يشتغل بي مكتبة Jquery فكرته الاساسية هي تقليد صفحة i google
الخاص بكل متصفح محرك جوجل GOOGLE حيث يعطي المستخدم صلاحية التحكم في الصناديق او الاقسام او القوائم بتغيير مكانها بتكبيرها ومن هنا بدات فكرة العضو في شبكة nettuts المبرمج james padosley حيث قام بالبداية ببرمجة البلوجن بشكل مبسط

المثال للنسخة الاولى إضغط هنا

مميزته

- لا تسبب ثقل في التصفح حتى لاصحاب المنتديات ذات الأقسام الكثيرة

عيبه

- في حالة قمت بتغيير الاقسام او القطع,widget بتحريكها ,تغيير لونها,مسحتها وقمت بتحديث update الصفحة فكل تعديلاتك تضيع

المثال للنسخة الثانية إضغط هنا

مميزته

- في حالة قمت بتعديل الالوان تغيير الاماكن للقطع او ما يسمى بال widget ثم قمت بتحديث update الصفحة فلن تذهب تعديلاتك ستتخزن على أساس كوكيز

عيبه

- تسبب ثقل في التصفح لاصحاب المنتديات ذات الأقسام الكثيرة
- في حالة مسحت الكوكيز تروح التعديلات التي قمت بها


وهذا هو INettuts Plugin تقليد لي I google classic

الأن

سنقوم بإستعراض مثال حي عن كيفية ظهور البلوجن على أقسام منتداك

انا قمت بتركيب installها على منتداي عالم الإبداع طبعا بعد تطبيق هالدرس مفصل ان شاء الله ستكون النتيجة التي لديك كالتالي



ملاحظات قبل كل شئ :

- هذا التطبيق او الدرس مفصل ينصح للمنتديات ذات أقسام متوسطة وليست كثيرة الين الصفحة ثقيلة بتركبلك هالبلوجن بتكثر الضغط على زوارك فينصح به لذوي أصحاب الاقسام القليلة

- هذا التطبيق لا يصلح إلا على الاقسام مأطرة أي المفصولة طبعا بالعقل في حالة غير مفصولة الاقسام بتستبدلها مع ايش

نبدا وعلى بركة الله

أولا حمل المجلد بالمرفقات

قبل الدخول في الملفات وتعديلها

الأن سنقوم بمعرفة أرقام الاقسام حتى نقوم بإضافتها للكلاسات خاصتها

سنأخذ رقم كل قسم رئيسي كيف حسننا ساقوم بشرح طريقة الفكرة

مثلا الاقسام الترفيهية

توجد فيها اقسام فرعية او بعض الاحيان اقسام فرعية فيها فرعية حنا نبي الرئيسي لكل مجموعة مفصولة تمام

كيف نعرف الرقم تروح على الرابط حق القسم مثلا المنتديات العامة


نلاحظ اخر شئ 18 هذا هو رقم القسم الرئيسية هذه لاصحاب هاك product الفيبسيو

اما الي موش مركب هاك product الفي بسيو

فبيكون كالتالي


نلاحظ 18 اخر شئ وكذا بتكون ارقام الاقسام

بخصوص عدد خانات الارقام

على حسب الرقم ربما انت ضايف اقسام كثيرة قد يصل المئة وربما انت ضايف اقسام قليلة قد يصل خمشة ^^

المهم جمعنا الارقام لكل الاقسام الرئيسية او بالاصح الايديات -forums-id

جمعناها الحين

تمام

الحين نرجع للمجلد المضغوط بالمرفقات حمله فك الضغط ينتج لك فولدر بإسم

honourablefinal

يحتوي التالي

مجلدات التالية
img
ملفات التالية
honourable.css
honourable.js
cookiejquery

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

ملف
honourable.css

وملف
honourable.js

لنفتح ملف خصائص css اولا وهو honourable.css حتى نقوم بالتعديل عليها

قم بفتح ببرنامج محرر الويب كالفرونت بيج , دريم ويب , expression web حتى ما تظهر لك الكتبية رموز

نبحث عن خصائص تلوين الاقسام تبع ايديات المنتدى forum ستجدها تبدا بي color-

قبل كل شئ يوجد color-1 هذا لا تقم بتغييره لانه خاص بصندوق توجيه العضو كل ما تستطيع تغيير لونه وحدوده فقط لا تغير رقمه دعه كما هو

نكمل

سنجد عدة خصائص سي اس اس تبدا بي color- وتنتهي بارقام والارقام الي هي id الخاص بالاقسام لازم تكون الاقسام الرئيسية حتى كل قسم ياخذ لون خاص به نحتاج نجيب الايديات صح وحنا جمعناها قبل شوي تمام يلا ابدا عدل كل الخصائص الي تبدا بي color- عدل الرقم فيها للرقم حقك وستجد لكل خصاصية لون وحدود
الحدود هذه الي بتجي حول الاقسام كإطار إختار سماكته إختار لونه والي تبيه وتلقى لون الخلفية وهو اللون الي عن طريقه تقدر تغير الوان الخلفيات للاقسام
غيره للون الي تبيه للقسم تستيطع وضع صور repeats وشي زي كذا تمام الحين غيرت كل الارقام الموجودة

-مشكلة منتداي فيه اقسام كثيرة والايديات للاقسام الرئيسية لسه ما سويتها كامله كون الخصائص الموجودة قليلة لدي ما عليك تفضل

انسخ السطر كتالي


رمز PHP:
<code style="white-space:nowrap"> <code> .color-رقم القسم {
</code> </code>


رمز PHP:
<code style="white-space:nowrap"> <code> &#91;CENTER&#93;&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;&#91;COLOR="DarkRed"&#93;background:#dfdfdf;&#91;/COLOR&#93;&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;&#91;COLOR="DarkRed"&#93;border: 1px dotted #FF3300;&#91;/COLOR&#93;&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;&#91;COLOR="DarkRed"&#93;}&#91;/COLOR&#93;&#91;/FONT&#93;&#91;/SIZE&#93;&#91;/CENTER&#93;
</code> </code>


وحطه تحت وعطه رقم القسم الرئيسئ والتلوين وكذا

الحين اضفت جميع ارقام وتلوينات الاقسام الرئيسية جيد ما بقى الا خطوة اخيرة وهي اضافة الايديات حق اقسامك الجديده وهي خطوة شبيهه بهذه فقط اسهل حيث كل ما عليك اضافة الكلاس في ملف honourable.js

الان نقوم بحفظ ملف honourable.css

ونتوجه الى ملف honourable.js

قم بفتحه ببرنامج محرر الويب كالفرونت بيج , دريم ويب , expression web حتى ما تظهر لك الكتبية رموز

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

حق مركز الرفع لو تريد تقدر تعطله سويت التعليم لو تقرأ كويس تلقاه

وسويت تعليم حق تغيير رابط مركزك من الي انا كنت مسويه لانه تحتاج لرابط مركزك

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

الحين زبطت الي معلم

الحين ناتي للنقطة الاخيرة وهي اضافة الكلاسات وتعديلها للجديدة الي سويتها في ملف honourable.css

وهي إبحث عن color- ستجد كل شئ ازيد انبه لا تلمس ولا تعدل شئ في color-1 خله زي ماهو

الحين عدل الارقام حق كلاسات ايديات الاقسام

هنا فقط بدون خصائص حق تلوين ووو فقط الاكلاس والاي دي الى حق اقسامك الرئيسية

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

ضبطت الايديات تماااااااااااااااااااااااااااااااام

خلاص الحين تاكد من حفظ الملف وخزن تعديلاته

تمام

الان نقوم برفع المجلد

honourablefinal
-img
-honourable.css
-honourable.js

داخل مجلد المنتدى forum

لتكون كمثال


تمام رفعتها الحين تاكد من وجودها

صحيحة


بتغيير مسار منتداك واسم موقعك ولو كان دوت نت موش دوت كوم وكذا وتاكد من انها موجودة لقيتها ؟ نعم لقيتها حلوووووووووووو

كويس الحين نذهب الى لوحة تحكم الادارة حق المنتدى forum

نختار الاستايل style المأطر أي اقسامه الرئيسية مفصولة عن بعض ندخل عليه ويفضل يكون استايل style مأطره اقسامه ومفصولة فقط وكانه إفتراضي فقط مأطر حتى ماتكون مشكلة ما ندري عنها هي السبب

أولا

ندخل على قالب template

headinclude

إنزل الى أخره وضع

رمز PHP:
<code style="white-space:nowrap"> <code> <script type="text/javascript" src="http://www.creativityworld.net/honourablefinal/jquery-1.2.6.min.js"></script>
</code> </code>

رمز PHP:
<code style="white-space:nowrap"> <code> &#91;CENTER&#93;&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;&#91;COLOR="DarkRed"&#93;<script type="text/javascript" src="http://www.google.com/jsapi"></script>&#91;/COLOR&#93;&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;&#91;COLO R="DarkRed"&#93;<script type="text/javascript" src="http://www.google.com/jsapi"></script>&#91;/COLOR&#93;&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;&#91;COLO R="DarkRed"&#93;<script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>&#91;/COLOR&#93;&#91;/FONT&#93;&#91;/SIZE&#93;&#91;/CENTER&#93;
</code> </code>


من يسال عن المحتوى اولا مكتبة تشغيل الجكوري والباقي حق محرك بحث جوجل GOOGLE

ملاحظة من هو موش مركب محرك بحث جوجل GOOGLE على منتداه في ملف honourable.js معلم انا كيفية التحكم في الخصائص وخاصية true and false بمجرد تغييرها من true الى false تقوم بإخفاء وإلغاء الخاصية المعلم نهائيا تستطيع تطبيقها في حالة ما عندك محرك بحث او مركز رفع وزي كذا


نقوم بحفظ قالب template headinclude

ثم نتوجه إلى قالب template FORUMHOME تستطيع تطبيق ذلك في حالة إستايل style غير مأطر بطريقة مضمونه وصحيحة ان تطبق هالخطوات وراح يتأطر معها عصفورين بنص حجر < براااااااااا

إبحث عن

رمز PHP:
<code style="white-space:nowrap"> <code> $navbar
</code> </code>


حدد عليها وانزل تحت وانت لسه محدد الى ان تصل الى

رمز PHP:
<code style="white-space:nowrap"> <code> $ad_location&#91;ad_forumhome_afterforums&#93;
</code> </code>


إستبدل المحدد كله من $navbar إلى $ad_location[ad_forumhome_afterforums]

إستبدله بالتالي

رمز PHP:
<code style="white-space:nowrap"> <code> $navbar
</code> </code>


رمز PHP:
<code style="white-space:nowrap"> <code> &#91;CENTER&#93;&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<!-- guest welcome message -->&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<if condition="$show&#91;'guest'&#93;">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<div id="columns"> &#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<ul id="column3" class="column">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <li class="widget color-1" id="intro">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <div class="widget-head">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </div>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <div class="widget-content">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="tcat">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<phrase 1="$vboptions&#91;bbtitle&#93;">$vbphrase&#91;welcome_to_the_x&#93;</phrase></td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="alt1">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <phrase 1="faq.php$session&#91;sessionurl_q&#93;" 2="register.php$session&#91;sessionurl_q&#93;">$vbphrase&#91;first_visit_message&#93;</phrase>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</table>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </div>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </li>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<else />&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<div id="columns"> &#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<ul id="column3" class="column">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <li class="widget color-1" id="intro">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <div class="widget-head">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </div>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <div class="widget-content">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="tcat">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;أهلا وسهلا بكم في عالم الإبداع&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="alt1">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;أهلا وسهلا بك أيها العضو الكريم ,إذا كنت من الاعضاء الجدد فيرجى التكرم بزيارة صفحة القوانين قبل كل شئ. كما يشرفنا أن تقوم بكتابة موضوع في قسم الترحيب بالتعريف عن نفسك وخبرتك ليقوم الاعضاء والمشرفين بتوجيهك ,أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه. &#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</table>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </div>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </li>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<!-- / guest welcome message -->&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</if>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<!-- main -->&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;$forumbits&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;$forumhome_markread_script &#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<!-- /main -->&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</ul> &#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</div>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <script type="text/javascript" src="http://www.creativityworld.net/honourablefinal/jquery-ui-personalized-1.6rc2.min.js"></script>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <script type="text/javascript" src="honourablefinal/cookie.jquery.js"></script>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <script type="text/javascript" src="honourablefinal/honourable.js"></script>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93;$ad_locat ion&#91;ad_forumhome_afterforums&#93;&#91;/FONT&#93;&#91;/SIZE&#93;&#91;/CENTER&#93;
</code> </code>


الحين تمام إنتهينا من FORUMHOME قم بحفظه

وإذهب الى القالب template الذي بعده والاخير ان شاء الله

forumhome_forumbit_level1_nopost

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

رمز PHP:
<code style="white-space:nowrap"> <code> <li class="widget color-$forumid" id="widget-$forumid">
</code> </code>

رمز PHP:
<code style="white-space:nowrap"> <code> &#91;CENTER&#93;&#91;SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <div class="widget-head">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </div>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <div class="widget-content">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" &#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tbody>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<td class="tcat" colspan="<if condition="$vboptions&#91;showmoderatorcolumn&#93;">6<else />5</if>" align="center">&#91;/FONT&#93;&#91;/SIZE&#93;



&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<a href="forumdisplay.php?$session&#91;sessionurl&#93;f=$forum&#91;forumid&#93;">$forum&#91;title&#93;</a>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<if condition="$show&#91;'forumdescription'&#93;"><div class="smallfont">$forum&#91;description&#93;</div></if>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<if condition="$show&#91;'subforums'&#93;"><div class="smallfont"><strong>$vbphrase&#91;subforums&#93;</strong>: $forum&#91;subforums&#93;</div></if>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</tbody>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<if condition="$childforumbits">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <tr align="center">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="thead" width="3%">&nbsp;</td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<td class="thead" width="50%">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<span> &#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<span style="float: right;">&nbsp;&nbsp;&nbsp;&nbsp;$vbphrase&#91;forum&#93;</span>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;<span style="float: left;"></span>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</span>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="thead" width="20%">$vbphrase&#91;last_post&#93;</td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="thead" width="7%">$vbphrase&#91;threads&#93;</td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="thead" width="7%">$vbphrase&#91;posts&#93;</td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <if condition="$vboptions&#91;'showmoderatorcolumn'&#93;">&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; <td class="thead" width="15%">$vbphrase&#91;moderator&#93;</td>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </if>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </tr>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;$childforumbits&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </if>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</tbody>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93;</table>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </div>&#91;/FONT&#93;&#91;/SIZE&#93;
&#91;
SIZE="2"&#93;&#91;FONT="Tahoma"&#93; </li>&#91;/FONT&#93;&#91;/SIZE&#93;&#91;/CENTER&#93;
</code> </code>


النهاية والحمد لله

الحين تمام ركبت كل شئ سليم و valid xhtml

بخصوص التركيب install على النسخ الرابعة نفس الشئ فقط يجب ان تكون لديك خلفية بالتاطير ويكون استايل style مأطر زين

إنتهى الدرس مفصل

ركزو جيدا

هذه هدية مني لكم أتمنى أن تعجبكم



اي مشكلة أو إستفسار انا حاظر هنا + طبعا ننتظر التطبيقات لاهنتم

إعداد : Honourable

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

[QUOTE]تعديل المرفق الي بالدرس مفصل بالمرفقات موجود[/
QUOTE]
لتحميل المرفق فقد تم تعديله بتاريخ 3-11-1431 لوجود خطأ فني





التعديل الأخير كان بواسطة ابو نوره; 12 - 10 - 2014 الساعة 00:02

الملفات المرفقة [TR]
honourablefinal.zip (17.2 كيلوبايت, عدد مرات المشاهدة 71 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©