درخواست کمک برای قرار دادن کادر (حاشیه) دور هر مطلب

[Mohammad-Masoudi 14]

سلام دوستان خسته نباشید

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

دقیقا مثل عکسی که ضمیمه کردم

خیلی ممنو میشم کمکم کنید

میخوام کادر بصورتی باشه که 4 طرفش درست مثل تصویر زمینه شده انحنا داشته باشه

تشکر

[Mohammad-Masoudi 14]

ادرس سایتمم اینه : SenjedMovie.ir ! دانلود فیلم و سریال با لینک مستقیم

[Hamed_taghipur 17]

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

فرستاده شده از LG-D325ِ من با Tapatalk

[s.f.m 15]

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

[Mohammad-Masoudi 14]

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

فرستاده شده از LG-D325ِ من با Tapatalk

اولا ممنون از پاسخ دادنتون

Lucky Number Slevin 2006

و اینکه من میخوام تو خود صفحه ای اصلی هم کادر دور هر مطلب بیاد و مطالب رو جدا کنه

مثل این سایت :

http://www.imovie-dl8.com/

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

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

[clik8000 16]

این کد رو توی فایل css خودتون قرار بدید

  html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container > div#rt-transition > div#rt-mainbody-surround.rt-dark > div#rt-main.mb8-sa4 > div.rt-grid-8 > div.rt-block.component-block.main-overlay-light > div#rt-mainbody > div.component-content > div.blog.nov12-home > div.items-row.cols-1 {border:solid;padding:5px;border-radius:8px;border-color:#04486A;border-width:2px;font-family:tahoma;margin-top:7px !important;direction:rtl;text-align:justify;}

[Mohammad-Masoudi 14]

4 تا فایل Css تو پوشه هست تو کدوم قرارش بدم ؟

[Hamed_taghipur 17]

4 تا فایل Css تو پوشه هست تو کدوم قرارش بدم ؟

توی template.css

[Mohammad-Masoudi 14]

فایل های زیر تو پوشه ی Css پوشه وجود داره

master-ie10.css

master-ie9.css

master-ie8.css

master-rtl.css

[clik8000 16]

توی این فایل

master-rtl.css

[Mohammad-Masoudi 14]

این کد رو توی فایل css خودتون قرار بدید

  html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container > div#rt-transition > div#rt-mainbody-surround.rt-dark > div#rt-main.mb8-sa4 > div.rt-grid-8 > div.rt-block.component-block.main-overlay-light > div#rt-mainbody > div.component-content > div.blog.nov12-home > div.items-row.cols-1 {border:solid;padding:5px;border-radius:8px;border-color:#04486A;border-width:2px;font-family:tahoma;margin-top:7px !important;direction:rtl;text-align:justify;}

خیلی ممنون دوست عزیز

من با کمی جستوجو در سایت های خارجی توجه شدم که باید یک فایل بصورت دستی ایجاد کنم بنام rt_metropolis-custom.css

و این کد رو داخل اون قرار بدم

اما یه موضوعی خیلی مهمه اینه که این تغییرات در ادامه مطلب لحاظ نمیشه

چطور تغییرات رو در ادامه مطلب هم لحاظ کنم ؟

2-فاصله ی بین خطوط زیاده نتونستم کمش کنم

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

[clik8000 16]

  body{direction:rtl !important;font-family:tahoma !important;text-align:right !important}
 html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container .post_info{border:solid;border-width:1px;border-color:#04496B;padding:10px;border-radius:10px;}

جهت کاهش فاصله تو کد قبلی margin-top:7px رو به دلخواه کم کنید

ضمنا این قالبتون اصلا بهینه نیست (فونت ها - چینش - راست به چپ) البته تا حدودی تو کد بالا من حل کردم

موفق باشید

[Mohammad-Masoudi 14]

  body{direction:rtl !important;font-family:tahoma !important;text-align:right !important}
 html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container .post_info{border:solid;border-width:1px;border-color:#04496B;padding:10px;border-radius:10px;}

جهت کاهش فاصله تو کد قبلی margin-top:7px رو به دلخواه کم کنید

ضمنا این قالبتون اصلا بهینه نیست (فونت ها - چینش - راست به چپ) البته تا حدودی تو کد بالا من حل کردم

موفق باشید

ممنون از لطفتون

اما وقتی کد جدید رو قرار دادم کادر فقط دور آخرین مطلب کشیده میشه

یعنی از دو مطلب فقط یک مطلب حاشیه داره

اگه میشه تنظیمات کد بصورتی باشه که تو چیدمان و فونتی که از طریق ادیتور ارسال میشه دخالت نکنه

یعنی فنوتی که تهما گذاشته شده و اندازه ی فونت و مشخصات و ... اصلا مشخص نشه ، پیشفرض باشه

سایت رو یه نگاه بندازید

در مورد بهینه بودن قالب

مطالبی که تو سایت هست صرفا جهت آزمایش کردن پست شدن و بهم ریختگی مطالب به همین دلیله ، ممنون

ویرایش شده در دی 93 توسط Mohammad-Masoudi

[clik8000 16]

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

برای فونت هم تو لین کد بالا

  body{direction:rtl !important;font-family:tahoma !important;text-align:right !important}

ویرایش کنید به این صورت

  body{direction:rtl !important;text-align:right !important}

[Mohammad-Masoudi 14]

اگه میشه حالا یه نگاه بندازین ، مثل اینکه زمانی که شما سایت رو میدیدین رو کد اولی بوده .

راستی تو سایت اگه دقت کنید یه دکمه ی دیگه روی دکمه ی ادامه مطلب رو پوشونده ، یعنی ادامه مطلب دوتا دکمه ی روی هم داره

بعد از آپدیت جوملا فک کنم اینطور شده ، میتونید در اون زمینه هم راهنماییم کنید ؟

[alirezazare 54]

این کد را امتحان کنید

.component-content .column-1 {border:solid #efefef 2px;margin-bottom: 10px;border-radius: 5px;box-shadow: 0px 0px 10px 1px}

[Mohammad-Masoudi 14]

این کد را امتحان کنید

.component-content .column-1 {border:solid #efefef 2px;margin-bottom: 10px;border-radius: 5px;box-shadow: 0px 0px 10px 1px}

خیلی ممنون اما این یه سری مشکلات داره

طرح اصلیش نمیخوام سایه داشته باشه میخوام یه خط نازک باشه مثه همون عکسی که ضمیمه کردم (ممنون)

و اینکه این تغییرات با کدی که دادین توو ادامه مطلب لحاظ نمیشه

body{direction:rtl !important;font-family:tahoma !important;text-align:right !important}
 html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container .post_info{border:solid;border-width:1px;border-color:#04496B;padding:10px;border-radius:10px;}

این کد عالی بود فقط مشکلش اینه که فقط رو آخرین مطلب اثر میکنه

[alirezazare 54]

اگر منظور شما قرار گرفتن ادامه مطلب در داخل کادر است باید بگم که با این کد این امر محقق میشود . سایه صرفا جهت جلوه بیشتر بود که شما به دلخواه میتوانید تغییر دهید .

اگر نتوانستید دسترسی بدید تا انجام شود

[Mohammad-Masoudi 14]

اگر منظور شما قرار گرفتن ادامه مطلب در داخل کادر است باید بگم که با این کد این امر محقق میشود . سایه صرفا جهت جلوه بیشتر بود که شما به دلخواه میتوانید تغییر دهید .

اگر نتوانستید دسترسی بدید تا انجام شود

خیر مثل اینکه بد منظورمو رسوندم

منظورم اینه وقتی وارد ادامه مطلب میشیم

در ادامه مطلب هم مطلب در کادر باشه دقیقا مثل هم پیج .

ممنون میشم پیغام خصوصی رو چک کنید .

[mmfallah 67]

الان تو ادامه مطلب هم برای مطالبتون کادر نمایش داده میشه. کجاش مشکل داره؟

[Mohammad-Masoudi 14]

الان تو ادامه مطلب هم برای مطالبتون کادر نمایش داده میشه. کجاش مشکل داره؟

ببینید این کدی که الان دارم استفاده میکنم :

body{direction:rtl !important;font-family:tahoma !important;text-align:right !important}
 html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container .post_info{border:solid;border-width:1px;border-color:#04496B;padding:10px;border-radius:10px;}

این کد همه چیزش عالیه اما فقط برای آخرین مطلب اعمال میشه ، یعنی همه ی مطالب حاشیه ندارن

ولی کدی که شما دادین همه ی مطالب رو تو کادر قرار میده اما وقتی وارد ادامه مطلب میشیم همون مطلب دیگه اون کادر رو نداره

یجوری این دو کد هردو مکمل اون یکی هستن

الان دو روزه من گیر این کد موندم .

[clik8000 16]

کدهای قیبلی رو حذف کنید و این کد رو جایگزین کنید

div.items-row{border:solid;padding:5px;border-color:#04496b;border-width:1px;border-radius:5px;}
div.items-row.clearfix{margin-top:10px !important;}
.item.column-1 > .readmore{border:none;background-color:transparent !important;float:left}

[Mohammad-Masoudi 14]

کدهای قیبلی رو حذف کنید و این کد رو جایگزین کنید

div.items-row{border:solid;padding:5px;border-color:#04496b;border-width:1px;border-radius:5px;}
div.items-row.clearfix{margin-top:10px !important;}
.item.column-1 > .readmore{border:none;background-color:transparent !important;float:left}

داداش این کد هم تو ادامه مطلب تاثیری نداره :

tet mikonam

یه مورد دیگه هم اگه میشه خود کادر رو وسط چین بهم بدین چون توو این کد اگه تو صفحه اصلی نگاه کنید متمایل به راست هستش

مرسی

[Hamed_taghipur 17]

(((((((((((((((

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

[Mohammad-Masoudi 14]

این قالب تجاریه ، سایت rockettheme.com

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

حتی تو ادامه مطلب هم کادر داره :

body{direction:rtl !important;font-family:tahoma !important;text-align:right !important}
 html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container .post_info{border:solid;border-width:1px;border-color:#04496B;padding:10px;border-radius:10px;}

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

html > body.logo-type-metropolis.main-bg-blue.blocks-default-overlay-dark.font-family-metropolis.font-size-is-default.menu-type-dropdownmenu.layout-mode-responsive.col12 > div.rt-bg > div.rt-bg2 > div.rt-container > div#rt-transition > div#rt-mainbody-surround.rt-dark > div#rt-main.mb8-sa4 > div.rt-grid-8 > div.rt-block.component-block.main-overlay-light > div#rt-mainbody > div.component-content > div.blog.nov12-home > div.items-row.cols-1 {border:solid;padding:5px;border-radius:8px;border-color:#04486A;border-width:2px;font-family:tahoma;margin-top:7px !important;direction:rtl;text-align:justify;}