پارسی سازی قالب _ قسمت چهارم
خب این قسمت میخوایم فایل modcp.css رو ویرایش کنیم
توی فایل modcp.css کدهایی به سبک کد زیر رو مشاهده می کنید :

    background: url('images/modcp/home.gif') no-repeat right center;

خب توی این کدها right رو به left تغییر بدید تا آیکون ها چپ چین بشن .


=======================================



خب حالا نوبت ویرایش فایل forumdisplay هست ، همش نیاز به تغییر نداره فعلا در این بخش آموزش
روی فایل forumdisplay_threadlist کار می کنیم

در اول کدها دو کد زیر رو داریم :
<div class="float_left">
    {$multipage}
</div>
<div class="float_right">
    {$newthread}
</div>

خب شما left رو به right و در کد بعدیش right رو به left تغییر بدید .

در خط های بعدی با کد زیر مواجه میشید :

<div style="float: right;">
<span class="smalltext"><strong><a href="misc.php?action=markread&amp;fid={$fid}{$post_code_string}">{$lang->markforum_read}</a> | <a href="usercp2.php?action={$add_remove_subscription}subscription&amp;type=forum&amp;fid={$fid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a>{$clearstoredpass}</strong></span>
</div>

خب کافیه تا float:right رو به float:left تغییر بدید .


کد بعدی در چند خط بعدی کد زیر هست :

<td class="tfoot" align="right" colspan="{$colspan}">

کافیه تا right رو به left تغییر بدید .



دوباره در آخر به این کدها برمیخوریم :

<div class="float_left">
    {$multipage}
</div>
<div class="float_right" style="margin-top: 4px;">
    {$newthread}
</div>

خب مثل قبل عمل می کنید .



خب چند خط دیگه بیشتر نمونده تا این قالب اوکی بشه . حالا به چند خط کد زیر میرسیم :

<div class="float_left">
    <div class="float_left">
<dl class="thread_legend smalltext">
<dd><img src="{$theme['imgdir']}/newfolder.gif" alt="{$lang->new_thread}" title="{$lang->new_thread}" /> {$lang->new_thread}</dd>
<dd><img src="{$theme['imgdir']}/newhotfolder.gif" alt="{$lang->new_hot_thread}" title="{$lang->new_hot_thread}" /> {$lang->new_hot_thread}</dd>
<dd><img src="{$theme['imgdir']}/hotfolder.gif" alt="{$lang->hot_thread}" title="{$lang->hot_thread}" /> {$lang->hot_thread}</dd>
</dl>
    </div>

    <div class="float_left">
<dl class="thread_legend smalltext">
<dd><img src="{$theme['imgdir']}/folder.gif" alt="{$lang->no_new_thread}" title="{$lang->no_new_thread}" /> {$lang->no_new_thread}</dd>
<dd><img src="{$theme['imgdir']}/dot_folder.gif" alt="{$lang->posts_by_you}" title="{$lang->posts_by_you}" /> {$lang->posts_by_you}</dd>
<dd><img src="{$theme['imgdir']}/lockfolder.gif" alt="{$lang->locked_thread}" title="{$lang->locked_thread}" /> {$lang->locked_thread}</dd>
</dl>
    </div>
    <br style="clear: both" />
</div>


طبق روال قبل left رو right تبدیل کنید .



چند خط کد بعدش که اخرین کدها هستن هم همین طور :

<div class="float_right" style="text-align: left;">
    {$inlinemod}
    {$searchforum}
    {$forumjump}
</div>

فقط float_right رو به float_left تغییر بدید .


پایان قسمت چهارم آموزش
موفق باشید Heart
نویسنده :

X
پوسته AwesomeFlat
نام پوسته : AwesomeFlat طراح : ویکی وی بی تبدیل شده توسط : همیار مای بی بی سلام خب کمی دیر شد ...
پوسته
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :