Beiträge von Hitman

Dafür müsstest du wiederum deine Online Anzeige bearbeiten, da diese nicht über dem Message-Content angezeigt werden soll >overflow:  hidden

Der Badge "Neu" dahingegen muss über den Content sichtbar sein.

.wbbPost.message .badge.label.newMessageBadge {
    color: #ffffff;
    display: block;
    font-size: .85rem;
    font-weight: bold;
    padding: 6px 10px;
    text-transform: uppercase;
    top: 47px;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
    background-color: #B60015;
    background-image: -webkit-linear-gradient(#B60015,#880110);
    background-image: linear-gradient(#B60015,#880110);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    left: -351px;
    border-radius: 0 5px 5px 0;
}

.wbbPost.message .badge.label.newMessageBadge::before {
    border-bottom: 7px solid #1a334d;
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    border-left: 7px solid transparent;
    left: 0;
}

Zitat von Andydeluxe97

Kann ich Nero Stil von CLS nutzen, es wurde einmal Hell&Dunkl mit geliefert. Ob ich jeweils auch das nutzen kann?

Das funktioniert nicht so einfach. Dafür muss die komplette CSS vom Stil Nero angepasst werden damit das im Stile-Wechsler auch greift.

Wir wurden schon öfters danach gefragt. Der Umbau würde für sich uns nicht lohnen da der Aufwand zu hoch ist.

Zitat von HellBoy

Finde denn Carbon echt gut umgesetzt, gefällt mir echt sehr gut nice Work an euch beide Hitman & mipu

Der Stil ist die letzten Jahre ein wenig vernachlässigt worden. Sind viele Icons nicht eingearbeitet worden und die Templates sind immer noch auf dem alten

Stand. Trotzdem funktioniert er irgendwie noch

Für die aktuelle Version gibt es auch kein Download in der Filebase, Nachfrage war gleich null.

Zitat von Assindia

Kann ich meinen Buttons einen eigenen Hintergrund anpassen, wie den Editor "Absenden" Vorschau" mit pfad zum Bild, oder funktioniert nur eine Farbänderung?

Natürlich kannst du dem Button auch ein Hintergrundbild zuweisen.

Kopiere dazu das Bild über FTP in dein entsprechendes Design (z.B. style-1)

und machst eine zusätzliche CSS Angabe (Erweiterte Einstellungen > Eigene Deklaration)

.formSubmit .buttonPrimary {
    background-image: url('#{$style_image_path}deinBildName.png');
}

.formSubmit #buttonMessagePreview {
    background-image: url('#{$style_image_path}deinBildName.png');
}

evtl. muß dann noch das Bild auf die entsprechend Größe skaliert werden z.B.

.formSubmit .buttonPrimary {
    background-image: url('#{$style_image_path}deinBildName.png');
    background-size: cover;
}

in

Zitat von Assindia

Vielleicht fällt dir ja noch was ein

Das macht man schön alleine

schließlich ist das euer Forum.

Vielleicht schafft ihr es auch in Zukunft ohne fremde Hilfe Admin sein ist nicht einfach, da er eigentlich alles ein bisschen beherrschen muss und soll

Zitat von Assindia

Wenn Du noch zeit findest, gibt es eine Möglichkeit... Die Seitenanzahl in Kästchen anzeigen zu lassen, wie auf dem Bild, als in der Forumliste, als auch im Thema unten?

Dann haben wir ja bald eine Kopie vom alten Design durch

Das sind die Buttons aus dem WCF 2.1

.pagination > ul > li:not(:last-child) {
    margin-right: 5px;
    background-image: linear-gradient(#c4c4c4, #e6e6e6 2px, #ddd);
    box-shadow: 0 0 0 1px #aeaeae inset, 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.pagination > ul > li.active > span {
        background-image: linear-gradient(#c4c4c4, #e6e6e6 2px, #ddd);
        box-shadow: 0 0 0 1px #aeaeae inset, 0 1px 3px 0 rgba(0, 0, 0, 0.5);
        color: #000;
        font-weight: 800;
}

Herzlich Willkommen HellBoy  

Und schon mal Vielen Dank für dein Unterstützung

Bei dem Badge-Online musst du mit diesen beiden Werten spielen

left: -125px;
top: -30px;

da es jetzt zu weit hinausragt.

Zitat von Assindia

Wobei mir gerade auffällt, da ich noch was hätte, aber ich frage da besser im anderen Board mal, sonst werde ich noch gesperrt.

Hier wird niemand gesperrt

Zitat von Assindia

Woher weisst du denn, welchen Code ich eingefügt habe?

Sehe ich doch in deinem ACP Nein, Spaß beiseite.

In der Entwicklerkonsole, die in vielen Browser zu Verfügung gestellt wird. z.B. rechte Maustaste > Seite untersuchen

dann kommt so etwas zu Vorschein

und damit dein Badge-Online vernünftig angezeigt wird

.wbbPost .messageSidebar .badgeOnline {
    bottom: auto;
    transform: rotate(-45deg);
    left: -125px;
    top: -30px;
    padding: 4px 30px;
    overflow: visible;
}
.wbbThreadPostList.messageList .message:not(.messageReduced) {
    overflow: hidden;
}
.messageSidebar {
    overflow: visible;
}

Versuche es doch ganz einfach

.wbbThreadPostList.messageList .message:not(.messageReduced) {
    background-color: #c4c4c4;
    padding: 20px;
}

und das nimmst du raus

.messageContent {
    border: 22px solid #CCCCCC;
        border-left-color: rgb(204, 204, 204);
        border-left-style: solid;
        border-left-width: 22px;
        padding: 10px;
}

Border

.wbbThreadPostList.messageList .messageSidebar + .messageContent {
    border-radius: 5px;
}

Da fehlt immer noch die weiße Schrift

[data-page-identifier="com.woltlab.wcf.Dashboard"] .tabularListRowHead > .tabularListColumns > li {
    color: white;
}

Zitat von Assindia

Das ist schon besser, bekomme ich die Überschrift "Ungelesene Themen auch noch in einer Box?

Aus optischen Gründen würde ich dir davon abraten.

Aber wenn du es unbedingt haben möchtest

[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesContentTop .boxTitle,
[data-page-identifier="com.woltlab.wcf.Dashboard"] .boxesContentBottom .boxTitle {
    font-weight: 300;
    line-height: 1.28;
    background-color: #b20b0b !important;
    background-image: url("../images/style-9/temptationHeader.png");
    background-size: cover;
    color: white !important;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

Zitat von Assindia

Wo lernt man eigentlich, diese CSS speziell für WSC? Sorry für die Frage!

https://developer.mozilla.org/de/docs/Learn/…_web/CSS_basics z.B.

Es gibt zig hunderte von Webseiten die sich mit dem Thema CSS beschäftigen.

Und lernen durch lesen > CSS-Code praktisch anwenden > ausführen und verstehen

Zitat von Assindia

Ich meine Farbliche Box wie in der Sidebar es der Fall war, es steht nur als Text "Ungelesene Themen" und darunter "Thema" ob es da möglich ist ebenso ein roten Hintergrund zu Codieren. Online

[data-page-identifier="com.woltlab.wcf.Dashboard"] .tabularListRow.tabularListRowHead {
    background-color: #b20b0b !important;
    background-image: url("../images/style-9/temptationHeader.png");
    background-size: cover;
    padding: 5px 0px 5px 15px;
    color: white !important; 
}

[data-page-identifier="com.woltlab.wcf.Dashboard"] .dashboardBoxRecentActivity .sectionHeader {
    background-color: #b20b0b !important;
    padding: 10px 0px 10px 15px;
    background-image: url("../images/style-9/temptationHeader.png");
    background-size: cover;
    margin-bottom: 0px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
[data-page-identifier="com.woltlab.wcf.Dashboard"] .dashboardBoxRecentActivity .sectionHeader .sectionTitle {
    color: #fff;
}

Zitat von Assindia

Ja, dass Beispiel ist aus dem WBB4 das war meiner Meinung nach besser

Der Meinung war Woltlab nicht und hat ab WSC 3.0 ein neues entwickelt

Zitat von Assindia

Warum ist es nicht möglich, dass Menü wie auf dem Bild darstellen zu lassen.

Das ist noch ein Design aus der Zeit von WCF 2.1 . Da war das Menü komplett anders aufgebaut.

Lief damals z.T. über JavaScript. Das lässt sich so nicht ohne weiteres auf das neue WSC umschreiben.

Dein Logo hängt immer noch schief

Deswegen hatte dir auch die Korrektur gleich mit eingefügt

Hier ein Beispiel wie du die Box-Titelhintergründe bei dir anlegen kannst (passend zu deinem Design)

.boxesSidebarLeft .boxTitle,
.boxesSidebarRight .boxTitle,
.boxesSidebarRight .box.boxInfo .boxTitle {
    background-image: linear-gradient(#ca0c0c, #ca0c0c 2px, #b20b0b);
    padding: 10px;
    color: rgba(255, 255, 255, 1);
    text-shadow: none;
}

.sidebar > .boxContainer > .box:first-child {
    padding-top: 15px;
}

.sidebar > .boxContainer > .box:first-child::before {
    background-image: url('../images/sidebar.png');
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    display: block;
    content: '';
    height: 130px;
    position: relative;
    width: auto;
}

Und lass bitte die die Überschriften weg

Box Titel Hintergrund

Box Hintergrund

Wenn denn, wird es so mit eingebunden in die CSS

/* Box Titel Hintergrund */

.boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
    background-color: rgb(178, 11, 11);
    padding: 10px;
}

/* Box Hintergrund */

.boxesSidebarRight .box {
    background-color: red !important;
}

Versuche es mal damit

.boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
    background-color: rgb(178, 11, 11);
    padding: 10px;
}

Michel hat ein weißen Hintergrund als Beispiel genommen...den siehst du bei dir natürlich nicht, da schon einen weißen HG hast

Zitat von doerek

ich hab gestern hier bisschen was in den Bier-Pott geworfen, ich hoffe ein Teil davon geht auch an dich...danke für die schnelle Antwort.