درخواست آموزش قرار دادن نقل قول به صورت پیشرفته

[darya1012]

درود :‌ دوستان کسی میتونه کد قرار دادن نقل قول به شکل زیر رو برام بزاره ممنون میشم .

[salehkhan]

کنترل پنل / قالبها و پوسته ها / پوسته ها / انتخاب قالب مورد نظر / global.css / ویرایش قالب بندی : حالت پیشرفته

بجای کدهای بلاک قبلی ، این کدها را قرار بدهید .

کد:

blockquote {
    border: 1px solid #609544;
    margin: 0;
    margin-right:17px;
    background: #f4f8f2 url(images/quotebg.png) no-repeat top left;
    padding: 4px;
    position:relative;
}

blockquote:before {
    background:url(images/quote-right.png) no-repeat;
    top: 10px;
    right:-8px;
    position:absolute;
    content: " ";
    display: block;
    width:9px;
    height:13px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    margin-left:50px;
    float: left;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

عکسها رو دیگه خودتون یک کاریش بکنید !

[darya1012]

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

[salehkhan]

این تصویر رو ذخیره کن توی پوشه images

[darya1012]

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

[HOssE!N-B]

از کد های زیر میتونید برای گرد کردن استفاده کنید .

کد php:

-moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px; 


به عنوان مثال جهت گرد کردن گوشه های نقل قول باید به صورت زیر عمل کنید .

کد php:

blockquote {
    border: 1px solid #609544;
    margin: 0;
    margin-right:17px;
    background: #f4f8f2 url(images/quotebg.png) no-repeat top left;
    padding: 4px;
    position:relative;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
} 


[darya1012]

درود :‌کد فوق را به جای blockquote { گذاشتم تغییری ایجاد نشد توی کدوم قسمتش باید گذاشته بشه که گوشه هاش رو گرد کنه ؟

[HOssE!N-B]

کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !

نکته : بعد از انجام کار یک بار f5 بزنید

---

کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !

نکته : بعد از انجام کار یک بار f5 بزنید

[darya1012]

کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !

نکته : بعد از انجام کار یک بار f5 بزنید

---

کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !

نکته : بعد از انجام کار یک بار f5 بزنید

درود : خیلی جالبه توی مرورگر گوگل کروم تغییرات اعمال میشه ولی توی مرورگر موزیلا اعمال نمیشه راه حلی داره ؟

برای نمونه این پست رو ببینید .

http://darya-gsm.com/thread-9890-post-21...l#pid21724

[HOssE!N-B]

کد های زیر را هم تست کنید.

کد php:

-webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px; 


یا

کد php:

-moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;