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

[whois]

با سلام

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

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

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

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

 

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

 

[whois]

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

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

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

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

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

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

ویرایش شده در جولای 19 2021 توسط MH11

[Arash.Ranjbar]

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

 

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

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

 

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

 

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

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

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

 

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

@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 گفته است :

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

 

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

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

 

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

[whois]

در 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 خط نمایششون بده.

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

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

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

 

[Arash.Ranjbar]

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

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

 

[whois]

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

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

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

 

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

[Arash.Ranjbar]

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

اینو تست کن

[whois]

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

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

[Arash.Ranjbar]

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

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

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