رفتن به مطلب

راستچین کردن تصاویر شاخص


پست های پیشنهاد شده

سلام دوستان

من در سایتم تصویر شاخص در لیست مطالب در سمت چپ نمایش داده میشه. میخواستم بدونم برای راستچین کردن تصویر شاخص از چه کد ccs باید استفاده کرد؟

ممنون میشم اگه کسی راهنمایی کنه.

https://windowsmag.ir

لینک به ارسال

کلاس مربوطه اش رو پیدا کن و به کلاسش باید fliat:right; و به کلاس المان بعدیش که احتمالا محتوای هست باید استایل float:left; بدی

لینک به ارسال
در 3 ساعت قبل، hsfarnia گفته است :

سلام دوستان

من در سایتم تصویر شاخص در لیست مطالب در سمت چپ نمایش داده میشه. میخواستم بدونم برای راستچین کردن تصویر شاخص از چه کد ccs باید استفاده کرد؟

ممنون میشم اگه کسی راهنمایی کنه.

https://windowsmag.ir

سلام.

میتونید این کدها رو داخل فایل rtl.css قالبتون قرار بدید.

.post-standard .post-thumbnail {
    margin-right: -230px;
    margin-left: 0px;
    float: right;
}

.post-standard .post-inner {
    padding-right: 230px !important;
    padding-left: 0px !important;
    float: right;
}
@media only screen and (max-width: 719px)
.post-standard .post-thumbnail {
    margin-right: -120px;
    margin-left: 0px;
}

@media only screen and (max-width: 719px)
.post-standard .post-inner {
    padding-right: 120px !important;
    padding-left: 0px !important;
}

@media only screen and (max-width: 479px)
.post-standard .post-inner {
    padding-right: 82px !important;
    padding-left: 0px !important;
}

@media only screen and (max-width: 479px)
.post-standard .post-thumbnail {
    margin-right: -82px;
    margin-left: 0px;
}

 

لینک به ارسال
در 17 دقیقه قبل، hsfarnia گفته است :

آقا یک دنیا ازتون ممنونم.

کاملا درست شد.

نه متاسفانه ، همونطور که حدس میزدم در نمای موبایل کاملا درست اجرا نمیشه. اگر فایل main.min.css قالبتون رو اینجا قرار بدید ، من مستقیم کدها رو از داخل همین فایل براتون ویرایش میکنم که در دستگاه های مختلف هم درست اجرا بشه .

مشکل بخاطر !important ی هست که در کدها استفاده شده و اگر استفاده نشه هم باز مشکل داره . همین فایلی که گفتم رو ارسال کنید تا اصلاحش کنم و شما جایگزین کنید . کدهایی رو هم که در rtl.css قرار دادید بعدش حذف کنید.

اگر بعدا خواستید مجددا قالب رو بروزرسانی کنید (اگر مجددا در این بخش مشکل داشت) میتونید در انجمن مجددا از دوستان کمک بخواید

 

لینک به ارسال

سلام باز هم ممنون از کمکتون

http://s8.picofile.com/file/8329024676/main_min.css.html

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

راهی نداره از طریق css این کار را انجام داد تا با بروز رسانی هم بتونم این تغییرات را حفظ کنم.

لینک به ارسال

بعد از آپدیت قالب این تنظیمات مجددا باید انجام بشه (مگر اینکه در نسخه جدید این ایراد برطرف شده باشه )

اگر در نسخه جدید باز هم این مشکل وجود داشت ،نسخه جدید فایل main.min.css رو با همین نسخه فعلی مقایسه کنید و ببینید که آیا کدی اضافه شده یا خیر . اگر تعداد خطوط کدها یکسان بود ، میتونید همین نسخه از فایل main.min.css رو جایگزین نسخه جدیدش کنید. (البته در توضیحات بروزرسانی قالب ها هم ذکر میشه که در چه قسمت هایی تغییرات اعمال شده. ) 

مشکل اینجاست که بنده تا این لحظه راه حلی برای اجرای صحیح فایل rtl.css به طور کامل در همه ی بخش ها پیدا نکردم . ناخواسته در بعضی از قسمت های css قالب با فایل rtl.css تداخل بوجود میاد (که البته فکر میکنم این مربوط به پیاده سازی صحیح کدهای css برای اجرا در دوحالت rtl و ltr میشه که تعداد کمی از قالب ها این رو درست اجرا کردن)

فایل ویرایش شده ضمیمه ست

main.min.css

ویرایش شده توسط logomaster
لینک به ارسال
در 33 دقیقه قبل، logomaster گفته است :

بعد از آپدیت قالب این تنظیمات مجددا باید انجام بشه (مگر اینکه در نسخه جدید این ایراد برطرف شده باشه )

اگر در نسخه جدید باز هم این مشکل وجود داشت ،نسخه جدید فایل main.min.css رو با همین نسخه فعلی مقایسه کنید و ببینید که آیا کدی اضافه شده یا خیر . اگر تعداد خطوط کدها یکسان بود ، میتونید همین نسخه از فایل main.min.css رو جایگزین نسخه جدیدش کنید. (البته در توضیحات بروزرسانی قالب ها هم ذکر میشه که در چه قسمت هایی تغییرات اعمال شده. ) 

مشکل اینجاست که بنده تا این لحظه راه حلی برای اجرای صحیح فایل rtl.css به طور کامل در همه ی بخش ها پیدا نکردم . ناخواسته در بعضی از قسمت های css قالب با فایل rtl.css تداخل بوجود میاد (که البته فکر میکنم این مربوط به پیاده سازی صحیح کدهای css برای اجرا در دوحالت rtl و ltr میشه که تعداد کمی از قالب ها این رو درست اجرا کردن)

فایل ویرایش شده ضمیمه ست

main.min.css

از کمکتون بسیار ممنونم.

لینک به ارسال
در در 6/12/2018 at 19:54، logomaster گفته است :

بعد از آپدیت قالب این تنظیمات مجددا باید انجام بشه (مگر اینکه در نسخه جدید این ایراد برطرف شده باشه )

اگر در نسخه جدید باز هم این مشکل وجود داشت ،نسخه جدید فایل main.min.css رو با همین نسخه فعلی مقایسه کنید و ببینید که آیا کدی اضافه شده یا خیر . اگر تعداد خطوط کدها یکسان بود ، میتونید همین نسخه از فایل main.min.css رو جایگزین نسخه جدیدش کنید. (البته در توضیحات بروزرسانی قالب ها هم ذکر میشه که در چه قسمت هایی تغییرات اعمال شده. ) 

مشکل اینجاست که بنده تا این لحظه راه حلی برای اجرای صحیح فایل rtl.css به طور کامل در همه ی بخش ها پیدا نکردم . ناخواسته در بعضی از قسمت های css قالب با فایل rtl.css تداخل بوجود میاد (که البته فکر میکنم این مربوط به پیاده سازی صحیح کدهای css برای اجرا در دوحالت rtl و ltr میشه که تعداد کمی از قالب ها این رو درست اجرا کردن)

فایل ویرایش شده ضمیمه ست

main.min.css

سلام

عذر خواهی میکنم دوباره مزاحمتون میشم.

این فایلی که ویرایش کردید کار نکرد ولی باز هم از کمکتون و وقتی که گذاشتید ممنونم.

یک سوال از حضورتون داشتم. اگه بخوام این تصویر شاخص اصلاً حذف بشه و نمایش داده نشه، باید از چه کد Css استفاده کرد؟، البته خود قالب گزینه‌ای برای عدم نمایش تصویر شاخص داره ولی جای خالیش باقی میمونه.

این تصویر شاخص برام شده یک دردسر. چون پیدا کردن یک عکس مرتبط با موضوع خیلی وقت‌گیر هست. اصلا میخوام حذفش کنم.

لینک به ارسال
.post-thumbnail img {
    display: none !important;
}
.post-standard .post-inner {
    padding-right: 0px !important;
    float: right;
}
@media only screen and (max-width: 719px)
.post-standard .post-inner {
    padding-left: 0px !important;

سلام/

اگر بخواید من دوباره فایلی که فرستادید رو روی سایت تست میکنم ویرایشش میکنم و براتون ارسال میکنم. اما اگر واقعا بخواید حذف کنید تصاویر رو ! کدهای بالا رو داخل rtl.css قرار بدید

ویرایش شده توسط logomaster
لینک به ارسال
در در 6/15/2018 at 09:41، logomaster گفته است :

.post-thumbnail img {
    display: none !important;
}
.post-standard .post-inner {
    padding-right: 0px !important;
    float: right;
}
@media only screen and (max-width: 719px)
.post-standard .post-inner {
    padding-left: 0px !important;

سلام/

اگر بخواید من دوباره فایلی که فرستادید رو روی سایت تست میکنم ویرایشش میکنم و براتون ارسال میکنم. اما اگر واقعا بخواید حذف کنید تصاویر رو ! کدهای بالا رو داخل rtl.css قرار بدید

از کمکتون خیلی ممنونم ولی این کد موثر نبود.

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

بسیار از کمکتون و وقتی که گذاشتید ممنوم.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...