Vielleicht ein Thema und als Anregung für die User die mit den CSS-Codes auf Kriegsfuß stehen.
Liebe Mods, sollte dieser Beitrag hier fehl am Platz sein, dann bitte in den Smalltalk verschieben, ansonsten könnte dieser hier auch angepinnt werden ![]()
Also, hier mein persönlich angepasstes Forum Design. Dieser Code ist für Stylus ausgelegt, daher muss der für die userContent.css noch angepasst werden.
CSS
/* Farbe globaler Hintergrund im Forum */
#main { background-color: lightgrey; }
#pageHeaderFacade {background-color: lightgrey;}
/* Elemente anpassen */
.tabularBoxTitle > header a {color: black;}
.tabularBoxTitle > header:after {background-color: lightgrey;}
.tabularBoxTitle > header:before {background-color: lightgrey;}
.tabularListRow.tabularListRowHead:after {background-color: lightgrey;}
.tabularListRow.tabularListRowHead:before {background-color: lightgrey;}
.messageHeader:after {background-color: lightgrey;}
.messageHeader:before {background-color: lightgray;}
.boxMenuLink:before {display:none!important;}
.boxMenuLinkTitle {color: black}
.boxMenuLink:after {color: black}
.button.buttonPrimary {display: none}
/* User Avatar eckig */
.userAvatarImage {border-radius: unset}
/* Forum-Index Status ausblenden */
#tpl_wbb_boardList .messageGroupListStatsSimple {display: none !important;}
.wbbStats {color: white;}
/* Forum-Index Elemente ausblenden */
.box[data-box-identifier$="UnreadThreads"] {display: none;}
.box[data-box-identifier$="LatestPosts"] {display: none;}
.box[data-box-identifier$="TodaysBirthdays"] {display:none;}
.box[data-box-identifier="com.woltlab.wcf.genericBox23"] {display: none}
.fa-rss.icon16.icon {display:none;}
.fa-bookmark-o.icon16.icon {display:none;}
.boxesFooterBoxes {display:none;}
.boxesFooter {display:none;}
.pageFooterCopyright {display:none;}
/* Online User im Hauptforum ausblenden */
.inlineList.commaSeparated.small {display: none}
.fa-user {display: none}
/* Farbe Zitat-Box */
blockquote.quoteBox {background: #FBF5EF !important;}
span.quoteBoxTitle {font-size: 16px !important;}
/* Farbe Code-Box */
div.codeBox {background: #F2F2F2 !important;}
/* Farbe Antwort-Formatierungsleiste */
#redactor-toolbar-0{background:cadetblue!important;}
/* Farbe Anzahl der ungelesenen Beiträge */
.badge.badgeUpdate, a.badge.badgeUpdate
{background-color: transparent !important; color: brown!important; font-size: 18px; font-family: arial;}
/* Farbe ungelesende Beiträge in den Unterforen */
ol.new > li > h3 > a{color: brown !important;}
/* Farbe (global) Icons für die Unterforen */
.icon32.fa-folder-open.markAsRead {color: brown}
.icon32 {color: grey}
/* Farbe "Neues Thema" */
a[title="Neues Thema erstellen"][class="button"] {
border:none!important; background:cadetblue; color: white;}
a[title="Neues Thema erstellen"][class="button"]:hover {color:black !important;}
/* Farbe und Text in der Signatur */
.messageFooter {font-size: 15px; color: cadetblue}
/* PopUps ausblenden */
.popoverContent {display: none}
/* Farbe und Größe "Foren als gelesen markieren" */
.icon.icon16.fa-check:before {display: none} /* Alternativ: .icon.icon16.fa-check:before {margin-right: 20px; color: #04B404} */
.pageNavigationIcons .fa-check {font-size: 17px; min-width:240px }
.pageNavigationIcons .fa-check::after {
content: '< Foren als gelesen markieren >'; margin-left: -40px; font-weight: bold ; font-family: "Open Sans", Arial, Helvetica, sans-serif; color: cadetblue}
.pageNavigationIcons .fa-eye-slash {margin-right: 40px}
Alles anzeigen