نمایش نتایج: از شماره 1 تا 3 , از مجموع 3

موضوع: قرار دادن نقل قول در یک باکس زیبا

  1. #1
    تاریخ عضویت
    Jun 2009
    نوشته ها
    41
    سپاس ها
    81
    سپاس شده 44 در 17 پست

    پیش فرض قرار دادن نقل قول در یک باکس زیبا

    Better Quotes - Round Quotes



    0. PSD

    You must edit PSD Files (only two files) with PhotoShop.
    Replace the red color by color of your posts (class alt1)

    I'm not willing to modify background colors for each member.



    1. Upload

    Upload images in the zip into "images/misc"



    2. CSS

    ACP >> Styles & Templates >> Styles Manager >> Choose a style >> All Style Options (Go) >> At the bottom : Additional CSS Definitions, in the second box :


    Enter:
    کد:
    .quote_body {
        padding: 3px;
        background-color: #F8F8F8;
        color: #444;
    }
    .quote_global-quote { background: #FAFAFA url(images/misc/q_quote.png) top right no-repeat; }
    .quote_global {
        background-color: #FAFAFA;
        margin: 3px 20px 3px 20px;
    }
    
    .quote_head, .quote_head div, .quote_head span, .quote_foot, .quote_foot div, .quote-foot span {
        margin: 0;
        padding: 0;
        overflow: hidden;
        line-height: 1px;
        font-size: 1px;
        height: 5px;
    }
    .quote_head, .quote_head div {
        background: url(images/misc/bg_quote1.gif) top right no-repeat;
    }
    .quote_foot, .quote_foot div {
        background: url(images/misc/bg_quote2.gif) top right no-repeat;
    }
    .quote_head div, .quote_foot div {
        background-position: 0 -5px;
        height: 5px;
        padding: 0 5px;
    }
    .quote_head span {
        display: block;
        border-top: solid 1px #CCC;
        height: 4px;
    }
    .quote_foot span {
        display: block;
        border-bottom: solid 1px #CCC;
        height: 4px;
    }
    .quote_name, .quote_body {
        border-left: solid 1px #CCC;
        border-right: solid 1px #CCC;
        padding: 4px;
    }

    3. Template


    In the template bbcode_quote,


    Replace all your code by:
    کد:
    <table class="quote_global quote_global-quote" cellspacing="0">
    <tr>
        <td class="quote_head"><div><span></span></div></td>
    </tr>
    <tr>
        <td class="quote_name">
            <if condition="$show['username']">
                <phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
                <if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]" /></a></if>
            <else />
                <div class="smallfont">$vbphrase[quote]:</div>
            </if>
        </td>
    </tr>
    <tr>
        <td class="quote_body">
            $message
        </td>
    </tr>
    <tr>
        <td class="quote_foot"><div><span></span></div></td>
    </tr>
    </table>
    فایل های پیوست شده فایل های پیوست شده

  2. 12 کاربر از پست مفید sepandarA سپاس کرده اند .

    am2 (12-24-2009), ar@sh (05-25-2010), Artoure (07-20-2010), Jeff Hardy (04-15-2010), Majid-Zamani (12-24-2009), marshal-mj (12-25-2009), Maz!ar (04-13-2010), Mohammad amin (01-14-2010), mr.bahram (01-13-2010), mr.yashar (02-02-2010), seyyed_ahmad (09-03-2011), yahya_danger (12-30-2009)

  3. #2
    تاریخ عضویت
    Jun 2009
    محل سکونت
    نجف آباد|اصفهان
    نوشته ها
    246
    سپاس ها
    217
    سپاس شده 180 در 106 پست

    پیش فرض پاسخ : قرار دادن نقل قول در یک باکس زیبا

    سلام
    اقا کسی نمیدونه چطوری میشه این کادر رو طوری تنظیم کرد که طولش ثابت باشه...یعنی مثل نقل قول عادی طولش از این سر پست باشه تا اون سر پست و با تغییر متن نقل قول شده تغییر نکنه

  4. 3 کاربر از پست مفید am2 سپاس کرده اند .

    Jeff Hardy (04-15-2010), pixell (04-05-2012), seyyed_ahmad (10-03-2010)

  5. #3
    تاریخ عضویت
    Jun 2009
    محل سکونت
    نجف آباد|اصفهان
    نوشته ها
    246
    سپاس ها
    217
    سپاس شده 180 در 106 پست

    پیش فرض پاسخ : قرار دادن نقل قول در یک باکس زیبا

    خودم یکم بهش ور رفتم درست شد....مشکل راست به چپ هم حل شده....به جای کدهای css پست اول این کدها رو قرار بدین

    کد:
    .quote_body {
        padding: 3px;
        background-color: #F8F8F8;
        color: #444;
    }
    .quote_global-quote { background: #FAFAFA url(images/misc/q_quote.png) top right no-repeat; }
    .quote_global {
        background-color: #FAFAFA;
        margin: 3px 20px 3px 20px;
    }
    
    .quote_head, .quote_head div, .quote_head span, .quote_foot, .quote_foot div, .quote-foot span {
        margin: 0;
        padding: 0;
        overflow: hidden;
        line-height: 1px;
        font-size: 1px;
        height: 5px;
    }
    .quote_head, .quote_head div {
        background: url(images/misc/bg_quote1.gif) top right no-repeat;
    }
    .quote_foot, .quote_foot div {
        background: url(images/misc/bg_quote2.gif) top right no-repeat;
    }
    .quote_head div, .quote_foot div {
        background-position: 0 -5px;
        height: 5px;
        padding: 0 5px;
    }
    .quote_head span {
        display: block;
        border-top: solid 1px #CCC;
        height: 4px;
    }
    .quote_foot span {
        display: block;
        border-bottom: solid 1px #CCC;
        height: 4px;
    }
    .quote_name, .quote_body {
        border-left: solid 1px #CCC;
        border-right: solid 1px #CCC;
        padding: 4px ;
    padding-right:30px
    }

  6. 10 کاربر از پست مفید am2 سپاس کرده اند .

    Jeff Hardy (04-15-2010), maysamsami (07-27-2010), Maz!ar (04-13-2010), mr.bahram (12-25-2009), Mr.FranK (08-14-2010), mr.yashar (02-02-2010), pixell (04-05-2012), rezaxp (01-04-2010), seyyed_ahmad (10-03-2010), yahya_danger (12-30-2009)

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

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

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

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

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

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