Mohammad-Masoudi

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

40 پست در این موضوع

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

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

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

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

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

تشکر

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
میشه لینک یکی از پیح هاتون ک مطلب داره و میخاید اینجوری بشه رو قرار بدید؟

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

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

Lucky Number Slevin 2006

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

مثل این سایت :

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

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

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

Share this post


Link to post
Share on other sites

این کد رو توی فایل 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;}

Share this post


Link to post
Share on other sites

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

master-ie10.css

master-ie9.css

master-ie8.css

master-rtl.css

Share this post


Link to post
Share on other sites
این کد رو توی فایل 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-فاصله ی بین خطوط زیاده نتونستم کمش کنم

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

Share this post


Link to post
Share on other sites

  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 رو به دلخواه کم کنید

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

موفق باشید

Share this post


Link to post
Share on other sites

ارسال شده در (ویرایش شده)

  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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
این کد را امتحان کنید

.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;}

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
اگر منظور شما قرار گرفتن ادامه مطلب در داخل کادر است باید بگم که با این کد این امر محقق میشود . سایه صرفا جهت جلوه بیشتر بود که شما به دلخواه میتوانید تغییر دهید .

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
الان تو ادامه مطلب هم برای مطالبتون کادر نمایش داده میشه. کجاش مشکل داره؟

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

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;}

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

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

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

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

Share this post


Link to post
Share on other sites

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

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}

Share this post


Link to post
Share on other sites
کدهای قیبلی رو حذف کنید و این کد رو جایگزین کنید

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

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

مرسی

Share this post


Link to post
Share on other sites
:((((((((((((((((

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

Share this post


Link to post
Share on other sites

این قالب تجاریه ، سایت 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;}

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری