الموضوع: مطلوب شرح تأطير بلوكات البورتال

تفضل اخوووي

المشاركة الأصلية كتبت بواسطة علوووش

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

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

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

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

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

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

هذه نسخه من تمبليت adv_portal_module_shell بالإطار :

كود PHP:

$mods[formcode]

<!-- بداية إطار علوي ويمين -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td><img src="$stylevar[imgdir_misc]/mwa/tr.gif"></td>
<td width="100%" background="$stylevar[imgdir_misc]/mwa/tc.gif"></td>
<td><img src="$stylevar[imgdir_misc]/mwa/tl.gif"></td></tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td background="$stylevar[imgdir_misc]/mwa/mr.gif" width="10">
</td><td>
<!-- نهاية إطار علوي ويمين -->

<table cellpadding="5" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
    <thead>
        <tr>
            <td class="tcat" align="center" colspan="$mods[colspan]">
            <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>

<!-- بداية إطار سفلي ويسار -->
</td><td background="$stylevar[imgdir_misc]/mwa/ml.gif" width="10">
</td></tr></table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td><img src="$stylevar[imgdir_misc]/mwa/br.gif"></td>
<td width="100%" background="$stylevar[imgdir_misc]/mwa/bc.gif"></td>
<td><img src="$stylevar[imgdir_misc]/mwa/bl.gif"></td></tr></table>
<!-- نهاية إطار سفلي ويسار -->

<div><img src="$vboptions[bburl]/$vboptions[cleargifurl]" height="$vba_style[portal_vspace]" alt="" /></div>

<if condition="$mods['formcode']"></form></if> 


عاد يبغى لك تغير الصور على مزاجك هذا التمبلت خاص بالموده

ولاحظ انه يجب أن تكون صغيرة في العرض حتى لا تتجاوز مساحة الموديل ..

تحياتي لك