Skocz do zawartości
  • Drogi gościu!

    Tutaj możesz się zarejestrować lub zalogować:

IPS 4 - Wyświetlanie for, subfor w 2-3 kolumnach


Dzagu

Rekomendowane odpowiedzi

  • Właściciel

Aby ustawić wyświetlanie w 2-3 kolumnach subfor, wystarczy wkleić ten kod do custom.css

/* Subforum columns - start */
.ipsDataItem_subList{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

	.ipsDataItem_subList li{
		width: calc((99% / 1));
		line-height: 26px;
		flex: 0 0 auto;
		position: relative;
	}
	
	.ipsDataItem_subList > li,
	html[dir="rtl"] .ipsDataItem_subList > li {
	    margin-right: 0 !important;
	    margin-left: 0;
	}

		.ipsDataItem_subList li:before{
			content: '\f18e';
			font-family: 'FontAwesome';
			font-size: 14px;
			display: inline-block;
			transform: translate(0,0);
			font-weight: normal;
		}
		
		.ipsDataItem_subList a{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			position: absolute;
			top: 0; bottom: 0;
			left: 15px; right: 5px;
		}
		
		html[dir='rtl'] .ipsDataItem_subList a{
			left: 5px;
			right: 15px;
		}
		
		html[dir='ltr'] .ipsDataItem_subList .ipsDataItem_unread a{
			left: 12px;
		}
		
		html[dir='rtl'] .ipsDataItem_subList .ipsDataItem_unread a{
			right: 12px;
		}
		
		.ipsDataItem_subList:before,
		.ipsDataItem_subList li a::after{
			display: none;
		}

@media screen and (min-width: 550px){
	
	/* Increase to 2 columns when appropriate */
	.ipsDataItem_subList li{
		width: calc((99% / 2));
	}
		
}

@media screen and (min-width: 1300px){
	
	/* Increase to 3 columns on large screens */
	.ipsDataItem_subList li{
		width: calc((99% / 3));
	}
		
}
/* Subforum columns - end */

Aby zmienić liczbę wyświetlanych kolumn należy wyedytować tą linijkę:

width: calc((99% / 3));

 

Odnośnik do odpowiedzi
Udostępnij na innych stronach
Cegiełki

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający

    Brak zarejestrowanych użytkowników przeglądających tę stronę.


O GLOBALELITE.PL


Chcemy pokazać absolutnie wszystkim, że człowiek jest zdolny do rzeczy wielkich! Potrzebujemy tylko waszej pomocy. Dzięki ciężkiej pracy chcemy udowodnić, że razem możemy wszystko! Szukamy ludzi ambitnych i skorych do poświeceń, ludzi którzy są godni, aby dołączyć do globalnej elity społeczności, którą traktuje się jak drugą rodzinę!

Istniejemy od 2014 r.

Motyw zrobiony przez doc

Strona zarządzana przez: Adam Plicha

Linki społecznościowe

Gdzie można nas znaleźć?


Facebook Teamspeak Discord

Linki forumowe

Linki z różnego rodzaju podaniami


Podanie o admina Prośba o unbana Propozycja Złóż skargę

Administracja

Oni odpowiedzą na Twoje pytania ;)


×
×
  • Dodaj nową pozycję...