الموضوع: تعلم كيف تُزين البلوكات او الموديلات بهيدر وفوتر مثل النيوك

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

ربما يعلم الاغلبية أنه البورتال ياخذ شكل الستايل بشكل اتوماتيكي ويعلم الأغلبية أنه النيوك يتم تزينه بهيدر وفوتر لكل موديل أو بلوك وربما يتسائل البعض هل يمكن فعل ذلك مع البورتال الذي يأخذ الستايل بشكل اتوماتيكي نقولهم نعم وتعالوا لنتعلم كيف يتم ذلك وركزوا قليلاً معي والمسألة ليست صعبة ونبدأ الشرح

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

كود 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">&nbsp;</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 وطبعاً كل واحد وكيفه بس لو حبيت تصمم أكبر من هالحجم بشوي مافي مشكلة بس لما تستبدل الصورة غير المقاسات للمقاس اللي أنت عملته لكل صورة

إن شاء الله يكون الشرح مفهوم وسهل وأي سؤال أنا حاضر

تحياتي للجميع

ويبارك فيك يا ابوراشد

والسموحة أني وضعت الموضوع في شروحات البورتال ظناً من أنه مكانه هناك لأنه يخص البورتال

ولم أكن أعلم أن قسم شروحات الفي بي يشمل البورتال أيضاً

تحياتي لك وللجميع

عيني عليك بارده

الله يعطيك الف عافيه

بالتوفيق