Keiner hat dran geglaubt, doch es ist passiert, WBB Support ist auf 6.2.
Neuer Shop von Pur Digital, ich hoffe es funktioniert alles so wie es soll.
Habe extra kein Update gemacht, da ich so viel besser alten Schrott losgeworden bin.
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;
}
Alles anzeigen
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.
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.
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
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
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;
}
Alles anzeigen
Bei dem Badge-Online musst du mit diesen beiden Werten spielen
left: -125px;
top: -30px;
da es jetzt zu weit hinausragt.
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
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;
}
Alles anzeigen
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;
}
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;
}
Alles anzeigen
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
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;
}
Alles anzeigen
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
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;
}
Alles anzeigen
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;
}
Alles anzeigen
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
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.