انجمن پشتیبانی فارسی IPS

انجمن پشتیبانی فارسی IPS

رفتن به مطلب

هر آن چیزی که برای نیاز دارید


داشتن انجمن دیگر یک رویا نیست...!

قفل شده مرتب شدن زیر انجمن ها


 اشتراک گذاری

برو به راه حل حل شده توسط MH11 ,

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

با سلام

چجوری میشه زیر انجمن ها (Subforums) رو مرتب کرد؟ حالت معمولی به هم ریخته هستن، من میخوام توی 2 ستون زیر همدیگه بصورت مرتب قرار بگیرن.. باید چیکار کنم؟

کد زیر رو قرار دادم اما فقط روی زبان انگلیسی به خوبی کار میده و 2 ستون درست میکنه، روی زبان فارسی فقط 1 ستون درست میکنه و همه ی زیر انجمن ها بصورت عمودی زیر هم قرار میگیرن.

.ipsDataItem_subList li {
    float: right !important;
    width: calc(100% / 2 - 5px) !important;
}

.ipsDataItem_subList li a:after {
    display: none !important;
}

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر کل | موسس سایت

از کدهای زیر استفاده کنین که بهینه شده و تو نسخه های 4.6 هم جواب میده

/*مرتب سازی زیر انجمن ها در حالت راست چین*/
@media screen and (max-width:767px) {
 html[dir="rtl"] .ipsDataItem_icon.ipsDataItem_category {
  padding:0 !important;
 }
}
.ipsDataItem_subList{ 
  overflow: hidden; 
}
html[dir="ltr"] .ipsApp .ipsDataItem_subList,
html[dir="rtl"] .ipsApp .ipsDataItem_subList{
    background: none;
    line-height: 220%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 4px;
}   
html[dir="rtl"] .ipsDataItem_subList li{
   float: right;
   width: calc(100% / 2 - 5px);
}
html[dir="ltr"] .ipsDataItem_subList li{
   float: left;
   width: calc(100% / 2 - 5px);
}
.ipsDataItem_subList li a:after{ 
  display: none; 
}  
html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ 
  margin-left: 0; 
}
.ipsItemStatus.ipsItemStatus_tiny{
  display:none !important;
}
.ipsItemStatus.ipsItemStatus_read{
  color:#636161 !important;
}
/*مرتب سازی زیر انجمن ها در حالت چپ چین*/
.ipsItemStatus.ipsItemStatus_tiny{
  display:none !important;
}
.ipsItemStatus.ipsItemStatus_large{
  color:#5a9943;
}
.ipsItemStatus.ipsItemStatus_read{
  color:#636161 !important;
}

 

  • تشکر 1

IPSforum.ir  arash-sn.png

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

خیلی ممنون مشکل برطرف شد.

چندتا سوال دیگه درمورد قالب داشتم..

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

Screenshot_1.png.6d6856f7cc0abbe3bdd7efc15d70c06e.png

Screenshot_2.png.14bec0b0b007cfdad76a0184584752d8.png

سوال دوم هم اینکه چجوری میتونم مشکل عرض صفحه رو روی حالت موبایل در زبان فارسی درست کنم؟ روی زبان فارسی و حالت موبایل، عرض وبسایت کمی بزرگتر از عرض صفحه است و یکمی اسکرول به چپ و راست میشه کرد، اما روی زبان انگلیسی همچین مشکلی نیست و صفحه با عرض فیت هستند.

Screenshot_3.png.a767f3ecf855ec3ebd10eabd764c6a86.png

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

Screenshot_4.png.d7ff837cd8b368926578a10512149105.png

ممنون از پشتیبانی خوبتون.

ویرایش شده در توسط MH11
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر کل | موسس سایت
در 28 دقیقه قبل، MH11 گفته است :

Screenshot_1.png.6d6856f7cc0abbe3bdd7efc15d70c06e.png

 

برای این مورد از کد زیر:

.ipsApp .ipsButton {
    overflow: unset !important;
}

 

در 31 دقیقه قبل، MH11 گفته است :

Screenshot_2.png.14bec0b0b007cfdad76a0184584752d8.png

 

برای این مورد وارد قسمت زبانها بشید و این عبارت "ایجاد..." رو جستجو و سه نثطه رو پاک کنین

در 33 دقیقه قبل، MH11 گفته است :

سوال دوم هم اینکه چجوری میتونم مشکل عرض صفحه رو روی حالت موبایل در زبان فارسی درست کنم؟ روی زبان فارسی و حالت موبایل، عرض وبسایت کمی بزرگتر از عرض صفحه است و یکمی اسکرول به چپ و راست میشه کرد، اما روی زبان انگلیسی همچین مشکلی نیست و صفحه با عرض فیت هستند.

Screenshot_3.png.a767f3ecf855ec3ebd10eabd764c6a86.png

 

برای این مورد از کد زیر:

@media (max-width: 979px){html[dir="rtl"]
	#ipsLayout_sidebar > .cWidgetContainer > .ipsList_reset{
		display: flex;
		flex-wrap: wrap;
		margin: auto;
	}

  		html[dir="rtl"] #ipsLayout_sidebar .ipsWidget_vertical{
			flex: 1 1 250px;
			margin: 0 0 20px 0px;
			max-width: 100%;
		}
}

 

در 35 دقیقه قبل، MH11 گفته است :

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

Screenshot_4.png.d7ff837cd8b368926578a10512149105.png

 

برای این مورد از کد زیر:

html[dir="ltr"] #elUserNav > li > a, #elFooterSocialLinks > li > a {
    margin-right: 5px !important;
}

 

باشد که رستگار شویم...×

  • تشکر 1

IPSforum.ir  arash-sn.png

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 6 ساعت قبل، Arash.Ranjbar گفته است :

از کدهای زیر استفاده کنین که بهینه شده و تو نسخه های 4.6 هم جواب میده

/*مرتب سازی زیر انجمن ها در حالت راست چین*/
@media screen and (max-width:767px) {
 html[dir="rtl"] .ipsDataItem_icon.ipsDataItem_category {
  padding:0 !important;
 }
}
.ipsDataItem_subList{ 
  overflow: hidden; 
}
html[dir="ltr"] .ipsApp .ipsDataItem_subList,
html[dir="rtl"] .ipsApp .ipsDataItem_subList{
    background: none;
    line-height: 220%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 4px;
}   
html[dir="rtl"] .ipsDataItem_subList li{
   float: right;
   width: calc(100% / 2 - 5px);
}
html[dir="ltr"] .ipsDataItem_subList li{
   float: left;
   width: calc(100% / 2 - 5px);
}
.ipsDataItem_subList li a:after{ 
  display: none; 
}  
html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ 
  margin-left: 0; 
}
.ipsItemStatus.ipsItemStatus_tiny{
  display:none !important;
}
.ipsItemStatus.ipsItemStatus_read{
  color:#636161 !important;
}
/*مرتب سازی زیر انجمن ها در حالت چپ چین*/
.ipsItemStatus.ipsItemStatus_tiny{
  display:none !important;
}
.ipsItemStatus.ipsItemStatus_large{
  color:#5a9943;
}
.ipsItemStatus.ipsItemStatus_read{
  color:#636161 !important;
}

 

آقا خیلی ممنون همشون حل شدن.

راجع به کد های زیر انجمن ها یه سوال داشتم، راهی هست که روی دستگاه های موبایل فقط 1 ستون نمایش بده؟ چون 2 ستون روی دستگاه های موبایل باعث میشه متن های متوسط و طولانیه زیر انجمن ها شکسته بشن و توی 2 خط نمایششون بده.

image.png.da0a5c13b6452f1810750f646e56cf83.png

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

image.png.99c181d36d844c3600eb1a015accc5d3.png

این کدیه که در حال حاضر گذاشتم:

/* -- SubForums -- */

@media screen and (max-width:767px) {
	html[dir="rtl"] .ipsDataItem_icon.ipsDataItem_category {
		padding: 0 !important;
	}
}

.ipsDataItem_subList {
	overflow: hidden;
}

html[dir="ltr"] .ipsApp .ipsDataItem_subList,
html[dir="rtl"] .ipsApp .ipsDataItem_subList {
	background: none;
	line-height: 220%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 4px;
}

html[dir="rtl"] .ipsDataItem_subList li {
	float: right;
	width: calc(100% / 2 - 5px);
}

html[dir="ltr"] .ipsDataItem_subList li {
	float: left;
	width: calc(100% / 2 - 5px);
}

.ipsDataItem_subList li a:after {
	display: none;
}

html[dir="rtl"] .ipsDataItem_subList.ipsList_inline>li {
	margin-left: 0;
}

.ipsItemStatus.ipsItemStatus_tiny {
	display: none !important;
}

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر کل | موسس سایت

از کد زیر استفاده کن تا متنها نشکنن:

.ipsDataItem_subList li {
    float: unset;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% / 2 - 5px);
}

 

IPSforum.ir  arash-sn.png

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 10 دقیقه قبل، Arash.Ranjbar گفته است :

از کد زیر استفاده کن تا متنها نشکنن:

.ipsDataItem_subList li {
    float: unset;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% / 2 - 5px);
}

 

image.png.4935bab346870216bb5bab552b73ae73.png

اینجوری مشکل حل نمیشه فقط ادامه متن غیب میشه، راهی نیست تک ستونی بشه توی اون دو حالتی که گفتم؟

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر کل | موسس سایت
@media screen and (max-width:767px) {
  .ipsDataItem_subList li {
    float: unset;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% / 1 - 5px);
    }
} 
  

اینو تست کن

IPSforum.ir  arash-sn.png

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • راه حل
@media screen and (max-width:600px) {
  	html[dir="rtl"] .ipsDataItem_subList li {
		width: calc(100% / 1 - 5px) !important;
	}
	html[dir="ltr"] .ipsDataItem_subList li {
		width: calc(100% / 1 - 5px) !important;
	}
}

این کد رو قرار دادم درست شد. ممنون.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر کل | موسس سایت

دوست عزیز سوالات مرتبط با عنوان تاپیکرو مطرح کنید. 

الان این سوال آخریتون ربطی به موضوع ارسالی نداره. 

برای مشکلات قالبتون تاپیک جدید بزنید

IPSforum.ir  arash-sn.png

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • ایجاد مورد جدید...

اطلاعات مهم

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