Forumansicht ändern
-
cazz2206 -
3. November 2020 um 22:08 -
Erledigt
-
-
Mit der Suche wärst du sicher fündig geworden.
Unterforen-Auflistung im Forenbereich nebeneinander
Jedenfalls, mit viel CSS
Ps.
Ach ja, die Verlinkten Themen dienen lediglich als Hinweis, wie es geht.
-
Leider sind die Codes und die Beiträge nicht aktuell. Gibt es etwas, was derzeit funktioniert?
-
Schau dir mal
Ramiru8. November 2022 um 17:23 an.
-
Vllt. suchst du das hier:
Code
Alles anzeigen.wbbBoardList { > li { display: inline-block; min-height: 58px; overflow: hidden; vertical-align: top; width: 49%; .wbbStats { display: none; } .wbbLastPost { left: 49%; width: 50%; } &:nth-child(2n) { float: right; } } }
Gerade getestet und es geht.
Quelle: RE: Foren nebeneinander?
-
Vllt. suchst du das hier:
Code
Alles anzeigen.wbbBoardList { > li { display: inline-block; min-height: 58px; overflow: hidden; vertical-align: top; width: 49%; .wbbStats { display: none; } .wbbLastPost { left: 49%; width: 50%; } &:nth-child(2n) { float: right; } } }
Gerade getestet und es geht.
Quelle: RE: Foren nebeneinander?
Eine Frage hätte ich...
welchen Wert muss ich ändern das die beiden Zeilen parallel stehen?
Danke für deine Mühe.
-
-
-
Danke schonmal, ich werde mir das mal anschauen, du hast pm.
-
Eine Frage hätte ich...
welchen Wert muss ich ändern das die beiden Zeilen parallel stehen?
Und um das Problem zu beheben ist in dem CSS von deinem Stil das du nutz folgender code enthalten:
diesen müsstest du entfernen dann ist es in einer Linie:
-
Super... vielen Dank für deine Hilfe!
-
Nach langem suchen im CSS von dem Stil kann ich diese Zeile leider nicht finden
ich hab dir mal den kompletten CSS hier rein gepackt.
CSS
Alles anzeigen@include screen-lg{ .pageHeaderContainer { background: url('#{$style_image_path}pageheader.jpg'); background-repeat: no-repeat; } } .redactor-box, .messageTabMenuNavigation > ul, .messageTabMenu > .messageTabMenuContent.active, .messageContent.loading > .messageContentLoadingOverlay { background-color: rgba(0, 0, 0, 1); } .redactor-layer { background-color: rgba(0, 0, 0, 1); border: 1px solid rgba(29, 46, 61, 1); } .userAvatarImage { background-color: rgba(0, 0, 0, 1); border-radius: 3px; } .recentActivityList li{ background-color: rgba(29, 46, 61, 1); border-radius: 3px; } .dashboardBoxRecentActivity ul.containerList > li:hover{ background-color: rgba(29, 46, 61, 0.8); } .messageSidebar { background-color: rgba(0, 0, 0, 1); border-radius: 3px; } .pollContainer { background-color: rgba(17, 27, 36, 1); padding:10px; border-radius: 3px; } .pollContainer .pollResultItem .pollMeter > .pollMeterValue { background-color: rgba(11, 58, 102, 1); } .dialogContainer > header { background-color: rgba(17, 27, 36, 1); } .containerList > li .buttonGroupNavigation > ul > li > a > .icon, .containerList > li .buttonGroupNavigation > ul > li > a > .invisible { color: rgba(255, 255, 255, 1); } #pageFooterCopyright .copyright:after { content : " Design by Qvip.eu "; color : rgba(255, 255, 255,1.0); font-size : 1.0rem; font-weight : normal; }@media (min-width:1025px) { body { background-image:url('https://www.bilder-upload.eu/bild-b79a48-1599897850.jpg.html'); } #pageHeader { background-image:url('https://www.bilder-upload.eu/bild-b79a48-1599897850.jpg.html'); background-position:50% -600px !important; } } .userNotificationItemList>li a, .recentActivityList>li a:not(.jsSpoilerToggle):not(.userLink), .htmlContent a:not(.jsSpoilerToggle), .messageText a:not(.jsSpoilerToggle):not(.userLink), .messageSignature a:not(.jsSpoilerToggle), .threadInfo .marginTop a:not(.jsSpoilerToggle):not(.userLink), .popoverContent .containerContent a:not(.jsSpoilerToggle), #tpl_wcf_contact .content a:not(.button), #tpl_wcf_legalNotice .content a:not(.button), #tpl_wcf_cms .content a:not(.button) { color: #04B4AE; } .userNotificationItemList>li a:hover, .recentActivityList>li a:not(.jsSpoilerToggle):not(.userLink):hover, .htmlContent a:not(.jsSpoilerToggle):hover, .messageText a:not(.jsSpoilerToggle):not(.userLink):hover, .messageSignature a:not(.jsSpoilerToggle):hover, .threadInfo .marginTop a:not(.jsSpoilerToggle):not(.userLink):hover, .popoverContent .containerContent a:not(.jsSpoilerToggle):hover, #tpl_wcf_contact .content a:not(.button):hover, #tpl_wcf_legalNotice .content a:not(.button):hover, #tpl_wcf_cms .content a:not(.button):hover { color: #90E2E9; } .boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle { background-image: linear-gradient(to bottom right, #69b238, #12acba) !important; padding: 12px 20px !important; font: 400 18px "Roboto Condensed", Arial, Helvetica, sans-serif !important; color: #fff; } .message .messageSidebar .userAvatar > a > img { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; } .message .messageSidebar .userAvatar > a > img:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
-
oder suche ich etwa falsch?
-
-
Ich finde diesen Eintrag leider nicht im CSS
-
-
Ist das important wirklich nötig, wenn man den Code einfach unten ins zusätzliche CSS einträgt? Ich glaube nicht.
Gruß norse
-
Ok mein Fehler, alles klar hab es!
Danke für eure Hilfe!
-
Bei mir hat es vorhin nicht geklappt ohne important
-
Ich hab es verwechselt, ich dachte ich müsste diese Zeile löschen anstelle von einfügen.
Jetzt ist alles gut, vielen Dank euch beiden.
-
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!