Altes Design "übernehmen"

LeWou · January 18, 2021 at 8:12 PM

Okay, habt Dank. Dann wäre das also ne etwas grössere Nummer, wa? Wird meine bescheidenen Skills definitiv übersteigen

Link zur Seite? https://www.zweitaktforum.de/wbb/

Im Content sind nur Heisse Themen keine Seitenleisten o.ä.

DMedia · January 18, 2021 at 8:22 PM

Versuch es mal hiermit:

CSS

@media screen and (max-width:768px) {
    .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfo {
        display: block !important;
    }
    
    .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfo .messageGroupAuthor,
    .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfo .messageGroupTime {
        display: none;
    }
}

LeWou · January 18, 2021 at 9:50 PM

Wow , das schaut gut aus

Vielen Dank!

LeWou · March 5, 2021 at 4:54 PM

Hallöchen,

ich hätte da mal noch ne Kleinigkeit

Im Woltlab Dark Style erkennen die User oft nicht den Übergang von Zitat zu eigenem Text. Schwarz auf Schwarz ist auch suboptimal. So schaut ein Zitat in der Editor Box in dem Style aus:

Und so im hellen Woltlab Style:

Wo muss ich drehen, dass ich da nen Kontrast hinbekomme? Ob nun der Hintergrund der Editorbox heller ist oder der zitierte Teil ist mir eigentlich wurscht, hauptsache man sieht nen Unterschied.

Danke schonmal.

Grüsse

Wou

LeWou · March 5, 2021 at 4:56 PM

PS: Das hier ist die Quote Box Mod von Gino im Dark style....

Code

/* ================================================================ Quote Modification by Gino Zantarelli */

woltlab-quote {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 10px 10px;
}
.quoteBox {
    background-color: rgba(58, 58, 58, 1);
    box-shadow: none;
    border-radius: 0px;
    padding: 10px 10px 10px 0px;
}
.quoteBoxIcon {
    float: right;
    margin: 0px 10px 0px 0px;
}
.quoteBoxTitle {
    color: $wcfContentText;
    border-bottom: 2px solid;
    padding-bottom: 1px;
    margin-right: 90px;
    margin-left: 30px;
    margin-bottom: 10px;
    font-size: 15px;
}
span.quoteBoxTitle {
    border-bottom: none;
    margin-left: 0px;
}
.quoteBoxContent {
    background-color: rgba(255, 255, 255, 0.04);
    margin-left: 30px;
    padding: 10px;
}
.quoteBoxContent .codeBox > .toggleButton {
    background-color: rgb(42, 43, 44);
    border-top: 10px solid rgb(42, 43, 44);
}
span.quoteBoxTitle {
    border-bottom: none;
}
.quoteBoxIcon > .quoteBoxQuoteSymbol::before {
    content: "\f10d";
    position: relative;
    font-family: FontAwesome;
    font-size: 50px;
    line-height: 50px;
    height: 50px;
    vertical-align: top;
    color: $wcfContentText;
}
.message .quoteBox > .toggleButton, .message .quoteBox.collapsed > .toggleButton, .message.messageSidebarOrientationLeft .quoteBox > .toggleButton, .message.messageSidebarOrientationLeft .quoteBox.collapsed > .toggleButton {
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset;
    border-top: 10px solid $wcfSidebarBackground;
    background-color: $wcfSidebarBackground;
    margin-top: 10px;
    margin-left: 76px;
}
.quoteBox > .toggleButton {
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    margin-right: 6px;
}
.messageReduced .messageBody .quoteBox > .toggleButton, .quoteBox.collapsed > .toggleButton {
    box-shadow: 0px 1px 0px $wcfSidebarBackground inset;
    border-top: 10px solid $wcfSidebarBackground;
}

Display More

Gino Zantarelli · March 5, 2021 at 6:03 PM

Suche und ersetze (Farbe selber anpassen):

Code

woltlab-quote {
    background-color: red;
}

LeWou · March 5, 2021 at 8:12 PM

Gino Zantarelli - Grazie mille. Meinst du nicht es wäre sinnvoll, das per default nicht auf transparent zu setzen? Oder hab ich den tieferen Sinn übersehen, dass das Zitat vom eigenen Text farblich nicht zu unterscheiden ist?

Gino Zantarelli · March 5, 2021 at 11:07 PM

Mal schauen ob ich das in der nächsten Version verändern werde (es gab ja gerade die Anpassung für das WSC 5.3 auf meiner Webpräsenz), bei kostenlosen Stilangeboten von mir lege ich hier eher wenig Wert auf zu großen Aufwand.

Update: Ich habe nun die Version 1.0.6 bei mir im Shop zum kostenlosen Download freigegeben mit diversen Verbesserungen wie hier vorgeschlagen.

Altes Design "übernehmen"

Participate now!

Users Viewing This Thread