+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: ارتباط با شما (https://community.mybbiran.com/forum-44.html)
+--- انجمن: درخواست های شما (https://community.mybbiran.com/forum-54.html)
+---- انجمن: سایر درخواست ها (https://community.mybbiran.com/forum-57.html)
+---- موضوع: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته (/thread-13660.html)
صفحه‌ها:
1
2
درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - darya1012 - ۱۳۹۲/۱/۲۵
درود : دوستان کسی میتونه کد قرار دادن نقل قول به شکل زیر رو برام بزاره ممنون میشم .
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - 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;
}عکسها رو دیگه خودتون یک کاریش بکنید !
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - darya1012 - ۱۳۹۲/۱/۲۷
درود : ممنون از پاسخگویی شما یه سری تغییرات میخوام داخلش ایجاد کنم شاتی رو که در زیر میزارم نقل قول ایجاد شده توی سایت خودمه ولی میخوام تغییراتش مطابق با شکل زیر باشه .
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - salehkhan - ۱۳۹۲/۱/۲۷
![[تصویر: quote-right.png]](http://my-bb.ir/images/Norooz/quote-right.png)
این تصویر رو ذخیره کن توی پوشه images
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - darya1012 - ۱۳۹۲/۱/۲۸
درود : کدهای بالا رو قرار دادم مشکلم حل شد الان دقیقا همون چیزی که میخواستم شد اما چطوری میتونم گوشه هاش رو گرد کنم ممنون میشم راهنمایی کنید .
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - 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;
}
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - darya1012 - ۱۳۹۲/۱/۲۹
درود :کد فوق را به جای blockquote { گذاشتم تغییری ایجاد نشد توی کدوم قسمتش باید گذاشته بشه که گوشه هاش رو گرد کنه ؟
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - HOssE!N-B - ۱۳۹۲/۱/۲۹
کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !
نکته : بعد از انجام کار یک بار f5 بزنید
کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !
نکته : بعد از انجام کار یک بار f5 بزنید
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - darya1012 - ۱۳۹۲/۱/۲۹
(۱۳۹۲/۱/۲۹، ۱۳:۵۶:۵۸ عصر)HOssE!N-B نوشته است: کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !
نکته : بعد از انجام کار یک بار f5 بزنید
کدی که به صورت نمونه براتون گذاشتم رو ابتدا در یک ویرایشگر متن کپی سپس در قالب پیسش کنین درست میشه !
نکته : بعد از انجام کار یک بار f5 بزنید
درود : خیلی جالبه توی مرورگر گوگل کروم تغییرات اعمال میشه ولی توی مرورگر موزیلا اعمال نمیشه راه حلی داره ؟
برای نمونه این پست رو ببینید .
http://darya-gsm.com/thread-9890-post-21724.html#pid21724
RE: درخواست آموزش قرار دادن نقل قول به صورت پیشرفته - 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;