آموزش فارسی سازی قالب مای بی بی (قسمت اول)

شروع موضوع توسط administrator ‏3 دسامبر 2011 در انجمن آموزش ها

  1. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    آموزش فارسی سازی قالب مای بی بی (قسمت اول)​

    این آموزش رو آقای Pars عزیز تو مای بی بی قرار داده بودند که من با کمی اضافات تصمیم بر کامل کردن آموزش کردم.
    با سلام به همه دوستان عزیز در این بخش قصد آموزش فارسی سازی کامل مای بی بی رو دارم.پس تا پایان باشید.
    ابتدا باید خاطر نشان کنم این اموزش رو روی قالب دیفالت هست ولی برای قالبهای دیگر هم میتونید استفاده کنید.

    اینارو هم میگم اونایی که انگلیسیشون خوب نیست متوجه بشن:)

    کد:
    left: چپ
    کد:
    right:راست
    خوب ابتدا قالب خود رو نصب کنید و مراحل زیر را دنبال کنید.

    قالب ها و پوسته ها > پوسته ها > پوسته مورد نظر > global.css > گزینه "ویرایش قالب بندی : حالت پیشرفته"

    قسمت های زیر رو پیدا کنید و محتویات آن را مانند نمونه ها تغییر دهید.
    1- ابتدای در صفحه font-family را جستجو کرده و در تمامی موارد فونت مقابل آن را Tahoma قرار دهید.

    کد:
    font-family: Tahoma; 
    2- قسمت container تغییر left به right
    کد:
    text-align: right;

    3- قسمت menu ul یک تغییر right به left

    کد:
    text-align: left;  
    4-قسمت validation_error تغییر left به right

    کد:
    padding-right: 22px;
    5- قسمت validation_success تغییر left به right

    کد:
     padding-right: 22px; 
    6- قسمت menu li تغییر left به right

    کد:
        padding-right: 5px; 
    7- قسمت menu img تغییر right به left
    کد:
    padding-left: 5px; 
    8- قسمت panel .links تغییر right به left
    کد:
        float: left; 
    9- قسمت expcolimage تغییر right به left

    کد:
    float:left; 
    10- قسمت copyright اضافه کنید:

    کد:
    text-align: center; 
    به این صورت می شود:

    کد:
    #copyright {
        font: 11px Tahoma;
        margin: 0;
        text-align: center;
        padding: 10px 0 0 0;
    } 
    11- قسمت blockquote cite span تغییر right به left

    کد:
        float: left; 
    12- قسمت codeblock code افزودن

    کد:
    direction: ltr;
        text-align: left; 
    کد:
    .codeblock code {
        overflow: auto;
        height: auto;
        max-height: 200px;
        display: block;
        direction: ltr;
        text-align: left;
        font-family: Tahoma;
        font-size: 13px;
    } 
    13- قسمت popup_menu .popup_item_container تغییر left به right

    کد:
        text-align: right; 
    14- قسمت autocomplete تغییر left به right

    کد:
        text-align: right; 
    15- قسمت div.error p em تغییر left به right

    کد:
        padding-right: 24px; 
    16- قسمت div.error.ul تغییر left به right

    کد:
        margin-right: 24px; 
    17- قسمت thread_legend dd تغییر right به left

    کد:
        margin-left: 15px; 
    18- قسمت thread_legend img تغییر right به left

    کد:
        margin-left: 4px; 
    19- قسمت forum_legend dd تغییر right به left و تغییر left به right

    کد:
        float: right;
        margin-left: 10px; 
    20- قسمت forum_legend dt تغییر right به left و تغییر left به right

    کد:
        margin-left: 10px;
        float: right;
    21- قسمت quick_jump تغییر left به right

    کد:
        padding-right: 13px; 
     
  2. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    اومدیم که دوباره یه آموزش دیگه برای فارسی سازی قالب مای بی بی بدیم این بار پایین پستها که لینک همین اشتراک گذاری،پرینت و... هست رو میدیم همین که تو عکس زیر میبینید.


    [​IMG]

    برای این کار به قسمت زیر برید:

    کنترل پنل >>> قالب ها و پوسته ها >>> پوسته ها >>> قالب مورد نظر >>> showthread.css >>> قسمت حالت پیشرفته

    ul.thread_tools li رو پیدا کنید و left رو به right تبدیل کنید که میشه این کد :

    کد:
    ul.thread_tools li {
        padding-right: 26px;
        padding-bottom: 4px;
        margin-bottom: 3px;
        font-size: 11px;
    } 

    بعدش تمامی css هایی که به صورت no-repeat 0px 0px تعریف شدند رو به no-repeat right center تبدیل کنید برای مثال :

    کد:
    ul.thread_tools li.printable {
        background: url(images/printable.gif) no-repeat right;
    } 

    خوب این قسمت هم تموم شد.
     
  3. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    اینم میگم برم قسمت دوم اموزش رو تو یه پست دیگه بگم که یه جا باشه قاطی نکنید :D

    بیشتر دقت کنید میبیند قسمت آیکون های کنترل پنل کاربری و کنترل پنل مدیر درست نیستند که باید اون ها رو هم راست چین کنیم. تصویر رو ببینید متوجه میشید کجا رو میگم.

    [​IMG]

    برای راست چین کردن این قسمت برید به این بخش :

    قالب ها و پوسته ها >>> پوسته ها >>> قالب مورد نظر >>>usercp.css >>> حالت پیشرفته

    .usercp_nav_item رو پیدا کنید. کردید؟ خوب قسمت padding رو میبینید؟ به صورت زیر اصلاح کنید :

    PHP:
    .usercp_nav_item {
        
    displayblock;
        
    padding1px 25px 1px 1px;

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

    میریم قسمت دیگه این آدرس رو دنبال کنید:

    قالب ها و پوسته ها >>> پوسته ها >>> قالب مورد نظر >>> modcp.css>>> حالت پیشرفته

    این بار اینو پیدا کنید >>>>.modcp_nav_item یعدش مثل قبلی padding رو به صورت زیر تغییر بدید که بشه این :

    PHP:
    .modcp_nav_item {
        
    displayblock;
        
    padding1px 25px 1px 1px;
    باز هر چی کلمه left می بینید right کنید.

    قسمت اول تمام شد.


    برای رفتن به قسمت دوم آموزش اینجا کلیک کنید​
     
  4. raminr63

    raminr63 کاربر جدید

    تاریخ عضویت:
    ‏2 مارس 2012
    ارسال ها:
    38
    تشکر شده:
    0
    با سلام

    دوستان من تازه یه اسکین زیبا رو فارسی کردم ولی 2 تا مشکل دارم:

    تو این قسمت چییکار کنم تا اینطوری نشون داده نشه (برعکس نشون میده! )

    [​IMG]


    ممنون .
     
  5. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    با سلام
    اون عکس هست. پیدا کنید و در فوتوشاپ برعکس کنید دوباره با همون نام اپلود کنید تا جایگزین بشه.
     
  6. anylove

    anylove کاربر جدید

    تاریخ عضویت:
    ‏14 جولای 2012
    ارسال ها:
    1
    تشکر شده:
    0
    ببخشید فکر کنم اینجا یه کم اشتباه نوشتین ببخشید
     
  7. administrator

    administrator مدیریت کل سایت

    تاریخ عضویت:
    ‏27 جولای 2011
    ارسال ها:
    2,989
    تشکر شده:
    1,027
    سلام . بله اشتباه نوشتم

    expcolimage باید از راست به سمت چپ بره

    ممنون دوست عزیزو اطلاح شد