Jump to content

Unterforen nebeneinander

   (0 reviews)

Description

Organisiert die Unterforen anstelle in einer Liste tabellarisch an, siehe Screenshots.

Fügt einfach in custom.css den folgenden Code ein, ändert 200px um die Breite zu variieren.

/* Remove subforum stem image */
html .ipsApp .ipsDataItem_subList {
	padding: 0px !important;
	background: none !important;
}
	
	.ipsDataItem_subList > li{
		margin: 0 !important;
	}

	.ipsDataItem_subList a{
		display: inline-block;
		white-space: nowrap;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: top;
	}

	/* Space out subforums if grid isn't supported */
	html[dir='ltr'] .ipsDataItem_subList a{
		margin-right: 20px;
	}

	html[dir='rtl'] .ipsDataItem_subList a{
		margin-left: 20px;
	}

	/* Remove gap created by icon on unread forum */
	.ipsDataItem_subList .ipsItemStatus_tiny{
		margin-right: -0.3em;
	}

	/* Add plus icon */
	.ipsDataItem_subList a:before{
		content: "\f18e";
		font-family: "FontAwesome";
		font-size: 14px;
		font-weight: normal;
		display: inline-block;
		margin-right: 4px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0,0);
		vertical-align: top;
	}

	html[dir='rtl'] .ipsDataItem_subList a::before{
		margin-left: 4px;
		margin-right: 0;
	}

	/* Remove comma's */
	.ipsDataItem_subList li a::after{
		display: none;
	}

	/* Place subforums into grid for browsers which support it */
	@supports (display: grid){
		.ipsDataItem_subList{
			margin-top: 10px;
			display: grid;
			grid-gap: 4px;
			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		}
	}

	/* Remove subforum dot for new content */
	.ipsDataItem_subList .fa-circle{ display: none; }

Vorher:

subforums_before.png

Nachher:

subforums_after.png

Quelle



Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
×
×
  • Create New...

Important Information

This website uses cookies and shit. Deal with it or GTFO!