صفحه 3 از 3 نخستنخست 123
نمایش نتایج: از شماره 21 تا 26 , از مجموع 26

موضوع: آموزش فارسی سازی استایل های ویبولتین ورژن 4

  1. #1
    تاریخ عضویت
    Nov 2007
    محل سکونت
    کرج مهرویلا
    نوشته ها
    16,278
    سپاس ها
    3,268
    سپاس شده 22,446 در 9,367 پست

    Thumb آموزش فارسی سازی استایل های ویبولتین ورژن 4

    آموزش فارسی سازی استایل های ویبولتین ورژن 4

    سلام
    این اموزش برای اولین بار توسط سایت وی بی اسکین تهیه شده و هر گونه کپی برداری و یا الگو برداری بدونه ذکر منبع اصلی ممنوع و در این سایت اعلام خواهد شد

    برای شروع ما می خوایم یک [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید] انگلیسی که مد نظرمون هست رو در لوکال نصب بکنیم
    این استایل LifeElement نام داره
    از طریق ادمین سایت بخش استایل ها & [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید] ها استایل رو نصب کرده و در صفحه اول سایت اجراش می کنیم
    مانند تصویر شماره 1 ، از مسیر تصویر ها URL میگیریم تا مشخص بشه در چه مسیری فایل ها باید قرار بگیرن
    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]images/styles/lifeElement/style/logo.png

    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]

    برای شروع ما اول سعی می کنیم تمام ایراد های اصلی برای اجرای این استایل رو بگیریم برای همین منظور وقتی یک استایل با ورژن پایین خواستید فارسی کنید و ورژن اصلی شما 4.1.4 بود باید محتویات فلدر editor استایل دیفالت را درون پوشه ای که در مسیر بالا نصب کردید اپلود کنید یعنی این مسیر
    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]images/styles/lifeElement/editor

    برای شروع ما از بالای سایت باید اقدام کنیم
    این نکته همیشه باید مد نظر دوستان باشه که استایل ها به دو صورت باید برسی شون
    1 از دید مهمان
    2 از دید یوزر ها ( افرادی که وارد سایت شدن )
    برای همین من از دو نما برای شما دوستان تصویری که مشخص میکنه این استایل بعد از نظر چطور نمایش داده میشه تهیه کردم و در تصویر شماره 2 و 3 قرار میدم

    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]

    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید][برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]

    خب ما اول بصورت یوزر ها استایل رو فارسی می کنیم
    بخش بالای سایت شامل دو بخش هست ، header و navbar ، در اینجا ما از بخش هدر سایت میخوایم شروع کنیم
    داخل سایت بخش استایل ها و قالب ها ، جستجوی استایل ، header را سرچ می کنیم و وارد بخش میشیم
    یکی از بهترین ادیتور هایی که من همیشه ازش استفاده می کنم ادیتور Microsoft Office FrontPage و من به شما دوستان توسیعه می کنم از این ادیتور استفاده کنید
    کدهای موجود درون سایت رو درون ادیتور ریخته و دنبال کد می گردیم
    توجه داشته باشید ما برعکس استایل های 3 که در خود کدها تغییرات اعمال می کردیم باید در وی بی 4 در کلاس ها یا css ها تغییرات رو اعمال کنیم
    برای این کار باید اول کلاس مورد نظر رو پیدا کنیم
    من نسبت به تجربه ای که پیدا کردم به معرفی کد میپردازم و در 90 درصد استایل ها این کد ها یکی هستن و میشه از همین اموزش الگو برداری کرد
    در تصویر شماره 2 مشاهده می کنید بخش جستجوی سایت بسمت چپ هست و همین شکل ظاهری مناسبی نداده چون با بخش مشخصات کاربری قاطی شده
    در کدهای هدر سایت بخشی که مربوط به سرچ میشه شامل زیر هست

    کد:
            <div class="searchBox">
                <vb:if condition="$vboptions['enablesearches']">
                <!-- search form -->
                    <form action="search.php?{vb:raw session.sessionurl}do=process" method="post">
                    <vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
                    <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                    <input type="hidden" name="do" value="process" />
                        <ul>
                            <li><div   class="searchInputBox"><input class="searchInput" type="text"   name="query" tabindex="99" value="" /></div></li>
                            <li><input type="image"   src="images/styles/lifeElement/style/searchButton.gif" value="Search"   alt="Submit" tabindex="100" /></li>
                        </ul>    
                    </form>
                <!--/ search form -->
    در کد بالا بخشی که مربوط به کلاس جستجو میشه هست
    کد:
    <div class="searchBox">
    searchBox را درون جستجوی استایل پیدا می کنیم
    معمولا کلاس های وی بی 4 در این استایل هست additional.css وارد بخش استایل شده و دنبال searchBox می گردیم

    کد زیر کلاس سرچ هست

    کد:
    .searchBox {
        background:url(images/styles/lifeElement/style/searchBG.gif) no-repeat left;
        float:left;
        height:31px;
        padding-left:33px;
        position:absolute;
        top:5px;
        left:2px;
    }
    گذینه قرمز را به right تغییر بدید و ذخیره کنید
    وارد صفحه اول سایت بشید ، مشاهده می کنید جستجو به سمت راست امده
    خب بصورت یوزر برسی می کنیم و می بینم هیچ ایرادی نداره استایل ، سراق یوزر مهمان می ریم و برسی می کنیم

    تصویر شماره 4 رو مشاهده کنید می بینید بخش جستجو امده روی گذینه ثبت نام

    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]

    و بخشی که درونش یوزر و پسورد قرار میگیره بصورت جابجا هست یعنی اول باید کادر یوزر باشه و بعد پسورد ولی در اینجا اول پسورد هست و بعد یوزر

    خب این تغییرات رو باید هم در کدهای استایل بدیم و هم در کلاس
    ابتدا وارد کدهای بخش header میشیم و کدها رو داخل یک ادیتور میریزیم
    کد هایی که مربوط به بخش دکمه ثبت نام میشه این هست
    کد:
        <vb:if condition="$show['registerbutton']">
            <a href="register.php{vb:raw session.sessionurl_q}"  rel="nofollow" class="registerButton"><img  src="images/styles/lifeElement/style/button-register.gif"  alt="{vb:rawphrase register}" /></a>
        </vb:if>
    در کد های بالا مشخص میشه که کلاس registerButton هست برای همین ما در قسمت additional.css دنبال کلاس registerButton میگردیم
    کد زیر پیدا میشه
    کد:
    .registerButton {
        position:absolute;
        top:7px;
        right:5px;
    }
    گذینه قرمز رنگ را به left تغییر داده و ذخیره می کنیم
    بصورت مهمان صفحه را رفرش کرده و مشاهده می کنیم گذینه ثبت نام سمت چپ قرار گرفته

    برای قسمت ورود کاربران ما باید کد های استایل header را ویرایش کنیم
    کدهای این بخش را درون یک ادیتور ریخته و طبق زیر عمل می کنیم

    توجه داشته باشید که ما بخاطر راحتی کار برای شما دوستان در پیدا کردن کدها خط یا لاین ها رو اسم خواهیم برد

    کدی که مربوط به بخش ورود میشه این هست که از خط 65 تا 147 می باشد
    ما تمام کدهای خط 71 و 72 را برداشته ( cut )
    از انتهای کد های 69 امده پایین یعنی اینتر میزینم تا خط جدید ساخته بشه و در خط 70 کد ها رو قرار میدهیم
    کد ها رو درون بخش هدر گذاشته و ذخیره کنید
    توجه داشته باشید این تنها نمونه ای از استایل هست و کد ها و خط ها عین همین نیست و شما باید با شکل و نوع کدها اشنا شده تا بتوانید کد صحیح را انتخاب کنید
    نوشته Member Login را درون استایل جستجو کرده و معادل آن را قرار دهید یعنی محل ورود کاربران ، ذخیره
    بعد از رفرش کردن استایل بصورت مهمان می بینید که استایل بصورت کامل فارسی در امده

    خب در اینجا بخش بالای سایت هم برای مهمان و هم برای کاربران فارسی شده و ما میخواید نوشته ای که در بخش navbar هست رو فارسی یا برداریم

    admin , به انجمن خوش آمدید !, be sure to check out the [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید] section if you have any questions. Also please take a moment and update your with your latest information.

    در اینجا ما نوشته رو بر میداریم ، ولی اموزش تغییر را هم میدیم
    ابتدا وارد بخش navbar میشیم و کدها را درون یک ادیتور می ریزیم
    برای دلیت کردن خط های 135 تا 136 را حذف می کنیم
    برای ویرایش معادل متن های انگلیسی را که در بین این خطا ها هست را قرار میدیم یا اون چیزی که مدنظرمون هست رو حالا میتونه عکس یا کدهای html باشه درون کدها قرار داده و تمام کدها را در قسمت navbar استایل ریخته و ذخیره می کنیم

    بخش بالای سایت تمام شده و الان بخش فروم را در نظر میگیریم
    از این بخش به بعد برای کاربران تنها در نظر گرفته میشه و برای یوزرهای مهمان مهم نیست که چطور باشه چون همان جور که برای کاربران هست برای مهمان ها هم نمایش داده میشه
    اگر تصویر شماره 5 را مشاهده کنید می بینید در این تصویر بخش عنوان انجمن و فعاليت هاي در حال انجام در انجمن به سمت چپ امده و ما باید این قسمت رو به سمت راست هدایت کنیم

    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]
    برای این مورد ما باید css را مورد نظر را پیدا کرده و تغییر بدیم
    برای بخش عنوان انجمن باید وارد قسمت forumhome_forumbit_level1_nopost بشیم و کدها رو مورد برسی قرار بدیم
    کدهای forumhome_forumbit_level1_nopost را درون یک ادیتور میریزیم
    بصورت design کد ها رو نمایش در میاریم
    ابتدای کد زیر را انتخاب می کنیم
    {vb:raw forum.title}
    و 3 بار فاصله یا اسپیس را می زنیم تا بصورت زیر در بیاد تصویر شماره 6
    خط انتخاب شده مشکی رنگ ، مد نظر هست

    کد ها را انتخاب و درون استایل ریخته و ذخیره می کنیم
    دوستان و همکاران عزیز
    در پیغام خصوصی به سوالات و موارد شما پاسخ داده نخواهد شد
    مگر انهایی که کار طراحی دارند
    لطفا مزاحم نشوید و در سایت مطرح بکنید


    در روزگاری که لبخند آدمها بخاطر شکست توست ، برخیز تا بگریند آدمها ( کوروش کبیر )

    ساعات تماس : 10 & 14 - 18 & 23
    09386942162
    vbsaz.ir@gmail.com




  2. 22 کاربر از پست مفید mr.bahram سپاس کرده اند .

    A M I R (07-17-2011), ali_85 (02-22-2014), amirsina (07-13-2011), car20 (10-20-2011), dostanforumes (12-07-2013), forush (11-03-2011), H0sseiN (07-22-2011), ja_ghaedi (07-14-2011), Key Man (07-12-2011), mohre (01-23-2012), MortezaShayegh (07-13-2011), MR-ALIREZA (07-29-2011), mr.behrooz (09-20-2011), mr.iman (07-14-2011), Mr.Mohammad (07-13-2011), mr.salar (07-12-2011), mt1374 (10-14-2011), Pamorghi (07-13-2011), Patira (07-13-2011), ramincj (07-16-2012), WikiPHp (07-18-2012), سلمان_ (12-07-2011)

  3. #21
    تاریخ عضویت
    Nov 2007
    محل سکونت
    کرج مهرویلا
    نوشته ها
    16,278
    سپاس ها
    3,268
    سپاس شده 22,446 در 9,367 پست

    پیش فرض پاسخ : آموزش فارسی سازی استایل های ویبولتین ورژن 4

    نقل قول نوشته اصلی توسط dostanforumes نمایش پست ها
    بهرام جان طبق اموزش رفتم سرچ را بیارم سمت جپ نشد اینم عکس اینک کدهای additional.css
    استایل با استایل فرق می کنه شما باید برسی کنید ببیند این کدا در کدام قسمت قرار گرفته ممکن هست درون بخش additional.css نباشد
    دوستان و همکاران عزیز
    در پیغام خصوصی به سوالات و موارد شما پاسخ داده نخواهد شد
    مگر انهایی که کار طراحی دارند
    لطفا مزاحم نشوید و در سایت مطرح بکنید


    در روزگاری که لبخند آدمها بخاطر شکست توست ، برخیز تا بگریند آدمها ( کوروش کبیر )

    ساعات تماس : 10 & 14 - 18 & 23
    09386942162
    vbsaz.ir@gmail.com




  4. #22
    تاریخ عضویت
    Aug 2012
    نوشته ها
    200
    سپاس ها
    448
    سپاس شده 138 در 85 پست

    پیش فرض پاسخ : آموزش فارسی سازی استایل های ویبولتین ورژن 4

    بهرام جان من سرچ زدم ولی چیزی که اینجا هست اونجا نیست
    مخاطبهای امروزی رو هرچی بیشتر خاص کنی؛
    بی خاصیت تر میشن…

  5. #23
    تاریخ عضویت
    Nov 2007
    محل سکونت
    کرج مهرویلا
    نوشته ها
    16,278
    سپاس ها
    3,268
    سپاس شده 22,446 در 9,367 پست

    پیش فرض پاسخ : آموزش فارسی سازی استایل های ویبولتین ورژن 4

    نقل قول نوشته اصلی توسط dostanforumes نمایش پست ها
    بهرام جان من سرچ زدم ولی چیزی که اینجا هست اونجا نیست
    باید کلاس را پیدا کنید در کد و بعد در استایل دنبال ان بگردید و تغییر بدید
    دوستان و همکاران عزیز
    در پیغام خصوصی به سوالات و موارد شما پاسخ داده نخواهد شد
    مگر انهایی که کار طراحی دارند
    لطفا مزاحم نشوید و در سایت مطرح بکنید


    در روزگاری که لبخند آدمها بخاطر شکست توست ، برخیز تا بگریند آدمها ( کوروش کبیر )

    ساعات تماس : 10 & 14 - 18 & 23
    09386942162
    vbsaz.ir@gmail.com




  6. #24
    تاریخ عضویت
    Aug 2012
    نوشته ها
    200
    سپاس ها
    448
    سپاس شده 138 در 85 پست

    پیش فرض پاسخ : آموزش فارسی سازی استایل های ویبولتین ورژن 4

    اقا بهرام من این را پیدا کردم
    وقتی سرچ میزنم این دو مورد می اید
    [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید]-chrome-ie.css
    vbulletin-chrome.css
    با این کد ها

    کد:
    .navbar_search {     position:relative;     /*width: {vb:math {vb:stylevar navbar_tab_bevel.borderWidth}+179}{vb:stylevar navbar_tab_bevel.borderUnits};*/     display: block;     height: 36px;     overflow: hidden;     padding-top: 4px;     margin-bottom: 2px; }
    کد:
    .navbar_search {      _margin-bottom: -10px;  }
    مخاطبهای امروزی رو هرچی بیشتر خاص کنی؛
    بی خاصیت تر میشن…

  7. #25
    تاریخ عضویت
    Nov 2007
    محل سکونت
    کرج مهرویلا
    نوشته ها
    16,278
    سپاس ها
    3,268
    سپاس شده 22,446 در 9,367 پست

    پیش فرض پاسخ : آموزش فارسی سازی استایل های ویبولتین ورژن 4

    نقل قول نوشته اصلی توسط dostanforumes نمایش پست ها
    اقا بهرام من این را پیدا کردم
    وقتی سرچ میزنم این دو مورد می اید
    vbulletin-chrome-ie.css
    vbulletin-chrome.css
    با این کد ها

    کد:
    .navbar_search {     position:relative;     /*width: {vb:math {vb:stylevar navbar_tab_bevel.borderWidth}+179}{vb:stylevar navbar_tab_bevel.borderUnits};*/     display: block;     height: 36px;     overflow: hidden;     padding-top: 4px;     margin-bottom: 2px; }
    کد:
    .navbar_search {      _margin-bottom: -10px;  }
    شما باید درون بخش مثلا navbar بگردید ببینید کدام css برای اون کادر هست سپس درون استایل جستجو کنید و تغییرات را اعمال
    این کدی که قرار داده اید چیزی را مشخص نمی کنه که بتونم راهنمایی کنم
    دوستان و همکاران عزیز
    در پیغام خصوصی به سوالات و موارد شما پاسخ داده نخواهد شد
    مگر انهایی که کار طراحی دارند
    لطفا مزاحم نشوید و در سایت مطرح بکنید


    در روزگاری که لبخند آدمها بخاطر شکست توست ، برخیز تا بگریند آدمها ( کوروش کبیر )

    ساعات تماس : 10 & 14 - 18 & 23
    09386942162
    vbsaz.ir@gmail.com




  8. کاربر روبرو از پست مفید mr.bahram سپاس کرده است .

    dostanforumes (12-08-2013)

  9. #26
    تاریخ عضویت
    Aug 2012
    نوشته ها
    200
    سپاس ها
    448
    سپاس شده 138 در 85 پست

    پیش فرض پاسخ : آموزش فارسی سازی استایل های ویبولتین ورژن 4

    بهرام جان نگاه کن من این را سرچ زدم searchbox
    و این امد additional.css
    و داخل ان این کد
    کد:
    #groupsearch #searchform input.searchbox {
        background-image: url({vb:stylevar imgdir_misc}/search-group-bg.jpg);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: left top;  
        width: 140px;
        padding: 0 5px;
        height: 29px;
    مخاطبهای امروزی رو هرچی بیشتر خاص کنی؛
    بی خاصیت تر میشن…

صفحه 3 از 3 نخستنخست 123

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •