تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
السلام عليكم ورحمة الله وبركاته
ربما يعلم الاغلبية أنه البورتال ياخذ شكل الستايل بشكل اتوماتيكي ويعلم الأغلبية أنه النيوك يتم تزينه بهيدر وفوتر لكل موديل أو بلوك وربما يتسائل البعض هل يمكن فعل ذلك مع البورتال الذي يأخذ الستايل بشكل اتوماتيكي نقولهم نعم وتعالوا لنتعلم كيف يتم ذلك وركزوا قليلاً معي والمسألة ليست صعبة ونبدأ الشرح
أولاً أذهب إلى لوحة التحكم ومن ثم الستايل الخاص بالادفانسد عندك واذهب للقوالب بعدها اضغط على على في بي ادفانسد قوالب وسيظهر لك كل قوالب البورتال تقريباً وابحث عن هذا القالب
كود PHP:
adv_portal_module_shell
بشكل اتوماتيكي او اللي موجود في القالب لكي يأخذ الشكل بشكل اتوماتيكي للستايل هو هذا الكود والموجود عن اي شخص عنده البورتال في هذا الملف
كود PHP:
$mods[formcode]
<table cellpadding="5" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="thead" colspan="$mods[colspan]" align="center">
<if condition="$vba_style['portal_collapsemods']">
<a href="#top" onclick="return toggle_collapse('module_$mods[collapse]')" style="float:$stylevar[right]"><img alt="" border="0" id="collapseimg_module_$mods[collapse]" src="$stylevar[imgdir_button]/collapse_tcat$modimgcollapse.gif" /></a>
</if>
<span class="smallfont">$vba_style[portal_blockbullet] <if condition="$mods['link']"><a href="$mods[link]">$mods[title]</a><else />$mods[title]</if></span></td>
</tr>
</thead>
<tbody id="collapseobj_module_$mods[collapse]" style="$modcollapse">
<if condition="$show['tablerow']">
<tr>
<td class="alt1">
$modulehtml
</td>
</tr>
<else />
$modulehtml
</if>
</tbody>
</table>
<div><img src="$vboptions[bburl]/$vboptions[cleargifurl]" height="$vba_style[portal_vspace]" alt="" /></div>
<if condition="$mods['formcode']"></form></if>
نأتي الآن لو فرضاً أردت تزيين كل بلوك بهيدر وفوتر مثل النيوك أنسخ هذا الكود كما موجود في الأسفل
كود PHP:
$mods[formcode]
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td align="right">
<img border="0" src="heder_R.gif" width="26" height="32"></td>
<td width="95%" background="heder_M.gif.gif">
<p align="center">
<b><font face="Arial">
<span class="smallfont">$vba_style[portal_blockbullet] <if condition="$mods['link']">
<a href="$mods[link]">$mods[title]</a><else />$mods[title]</if></span></font></b></td>
<td>
img border="0" src="heder_L.gif" width="26" height="32"></td></p>
</tr>
</table>
<table cellpadding="5" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
</thead>
<tbody id="collapseobj_module_$mods[collapse]" style="$modcollapse">
<if condition="$show['tablerow']">
<tr>
<td class="alt1">
$modulehtml
</td>
</tr>
<else />
$modulehtml
</if>
</tbody>
</table>
<div>
<table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<img border="0" src="Footer_R.gif" width="26" height="22"></td>
<td width="100%" background="Footer_M.gif">
<p align="center"> </td>
<td valign="top">
<img border="0" src="Footer_L.gif" width="26" height="22"></td>
</tr>
</table>
<img src="$vboptions[bburl]/$vboptions[cleargifurl]" height="$vba_style[portal_vspace]" alt="" /></div>
<if condition="$mods['formcode']"></form></if>
يتكون الهيدر من 3 اجزاء يمين ويسار وتمديد في الوسط وكذلك الفوتر
اذاً استبدل هذه العبارات بالصور الخاصة بك او بالهيدر والفوتر اللي عملتهم
heder_R.gif بالجزء الأيمن من الهيدر من تصميمك
heder_M.gif بالتمديد الخاص بالهيدر من تصميمك
heder_L.gif بالجزء الأيسر من الهيدر اللي من تصميمك
***********
Footer_R.gif بالجزء الأيمن من الفوتر الخاص بالبلوك اللي أنت صممته
Footer_M.gif بالتمديد الخاص بك اللي صممته للفوتر
Footer_L.gif بالجزء الأيسر الخاص بالفوتر اللي أنت صممته
وخلاص مبروك عليك النتيجة إن شاء الله وأي شي مو واضح أنا حاضر
ملاحظة هامة :: نلاحظ أنه بعد كل جزء يمين وشمال هناك طول وعرض للجزء المصمم للهيدر أو الفوتر على سبيل المثال
كود PHP:
img border="0" src="heder_L.gif" width="26" height="32"></td></p>
</tr>
نشاهد أن هناك 26 و 32 هذي الخاصة بس لانه حجم البلوكات يمين وشمال عندي 175 وطبعاً كل واحد وكيفه بس لو حبيت تصمم أكبر من هالحجم بشوي مافي مشكلة بس لما تستبدل الصورة غير المقاسات للمقاس اللي أنت عملته لكل صورة
إن شاء الله يكون الشرح مفهوم وسهل وأي سؤال أنا حاضر
تحياتي للجميع
مشاركة : تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
بارك الله فيك ... شرح وافي وواضح ... تحياتي .
مشاركة : تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
ويبارك فيك يا ابوراشد
والسموحة أني وضعت الموضوع في شروحات البورتال ظناً من أنه مكانه هناك لأنه يخص البورتال
ولم أكن أعلم أن قسم شروحات الفي بي يشمل البورتال أيضاً
تحياتي لك وللجميع
مشاركة : تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
عيني عليك بارده
الله يعطيك الف عافيه
بالتوفيق
مشاركة : تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
الله يعطيك العافية
مشكور وماقصرت
مشاركة : تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
شكرا ليك كتير انا بقالى كتييير بدور على موضوع زى ده وقلبت خواص البورتال والعدم الفنى للبورتال فى منتديات الموده رأسا على عقب ولم اجد هذا الموضوع واستغربت كثيرا انه هنا
عامه
كنت عايز اكمل المربع حلو البلوك
يعنى فى شرحك انتا عملت هيدر وفوتر طب ولو عايز احط صورة يمين وشمال عشان تكمل المربع
ايه الحل ؟
مشاركة: تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
تسلم على هاي الشرح الحلو
وإن شاء الله نشوف الوضع
ونجرب نسويها مثل النيوك
عساك على القوة يارب
لي رجعة وكل رجعة راح ادعي لك
رد: تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك
ياعيني عليك إن شا الله يكون مثل النيوك واحسن عافاك الله
