Forum-Update Sommer 2019

Status
Für weitere Antworten geschlossen.
Hallo @All,

also ich hab ja noch meine Probleme auf meinem Laptop mit der Darstellung.
Kurz was zur Hardware: 13" 1920x1080

Ich nutze meist Strg und + oder - um die Seiten größer oder kleiner zu machen. Lasse ich das Forum auf 100%, kann ich da fast nichts lesen weil es sehr klein ist. zudem wird links und rechts sehr viel Space verschwendet. Für mich sind 150% ideal um lange zu lesen. Dann passt das Forum aber nicht mehr so ganz auf den Bildschirm. Ich glaube das liegt am Header...
Schaut euch einfach mal die Bilder an. Ich denke dann wird es verständlicher. :)
"Stylish" installieren und für die Seite folgende Zeilen einfügen:
Code:
.p-body-inner {
    max-width: 95%;
}

Dann wird beim Zoomen zwar die Schrift skaliert, der Anzeigebereich bleibt aber immer auf 95 % der Seitenbreite.

Tipp kommt von @sp00n82 :daumen:
 
Gibts keinen Gewinner Button mehr? Hilfreich ist auch nicht mehr da?
875905
 
"Stylish" installieren und für die Seite folgende Zeilen einfügen:
Code:
.p-body-inner {
    max-width: 95%;
}

Dann wird beim Zoomen zwar die Schrift skaliert, der Anzeigebereich bleibt aber immer auf 95 % der Seitenbreite.

Tipp kommt von @sp00n82 :daumen:

Danke für den Tipp. Das schau ich mir mal an. :)
 
Könnt ihr push-notifications integrieren?
D.h. derjenige, der mag und es aktiviert, bekommt sofort eine Benachrichtigung (Chrome funzt am Handy als auch PC) über neue Beiträge...
 
Mal schnell nur was ausprobiert.

Anhang anzeigen 875792

Ich hab jetzt mal einen Stylesheet für nen Darkmode zusammengezimmert. Aus Gewohnheit mit den Kommentaren in Englisch, ist mir gerade eben selbst erst aufgefallen. :D
Sollte man einfach so ein Stylus einfügen können (vom Stylish Addon rate ich aus Datenschutzgründen ab, die sammeln wohl alle besuchten Seiten...).

Code:
/**
* Dark mode
*/
:root {
    --dark-background-main: #333334;
    --dark-background-darker: #202020;
    --dark-background-light: #515151;
    --dark-background-lighter: #747474;
    --dark-border-color: #757575;
    --dark-border-color-code: #9b6a21;
    --dark-text-color-main: #dadada;
    --dark-text-color-header: #8c8c8c;
    --dark-text-color-code-title: #ffb74b;
    --dark-text-color-dark: #000000;
    --dark-text-color-light: #777777;
    --dark-link-color-default: #7095b0;
}

/* Main color for the links */
a {
    color: var(--dark-link-color-default);
}

/* The title text of the current post */
.p-title-value {
    color: var(--dark-text-color-code-title);
}


/* The background color of the container surrounding the posts */
.p-body-inner {
    background-color: var(--dark-background-main);
}


/* General block messages */
.block-container {
    color: var(--dark-text-color-main);
}

.blockMessage {
    color: var(--dark-text-color-main);
    background-color: var(--dark-background-main);
    border-color: var(--dark-border-color);
}

.block-footer {
    background: linear-gradient(180deg, var(--dark-background-dark), var(--dark-background-main));
}


.contentRow-fader {
    background: linear-gradient(180deg, var(--dark-background-dark), var(--dark-background-main));
}

.block-row.block-row--clickable:focus,
.block-row.block-row--clickable:hover {
    background-color: var(--dark-background-light);
}


/* Post container */
.block--messages .message,
.block--messages .block-row {
    color: var(--dark-text-color-main);
    background-color: var(--dark-background-main);
    border-color: var(--dark-border-color);
}

/* Post user column */
.message-cell.message-cell--user,
.message-cell.message-cell--action {
    background-color: var(--dark-background-darker);
    border-right-color: var(--dark-border-color);
}

/* The arrow pointing to the user column */
.message-userArrow::after {
    border-right-color: var(--dark-border-color);
}


/* Post header */
.message-attribution {
    color: var(--dark-text-color-header);
    border-bottom-color: var(--dark-border-color);
}

/* Code blocks and quotes */
.bbCodeBlock {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
    border-left-color: var(--dark-border-color-code);
}

/* Code block title */
.bbCodeBlock-title {
    color: var(--dark-text-color-code-title);
    background-color: var(--dark-background-light);
}

/* Signature */
.message-signature {
    border-color: var(--dark-border-color);
    color: #8c8c8c;
}

/* Reactions bar (likes, etc) */
.reactionsBar {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}

.reactionsBar .reactionSummary > li,
.message-responseRow .reactionSummary > li {
    background: transparent;
    margin-left: 1px;
}

.tooltip--reaction .tooltip-content {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}


/* Special user banner */
.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
    background-color: var(--dark-background-main);
    border-color: var(--dark-border-color-code);
}


/* A general block container. Also used for the quick reply */
.block-container {
    background-color: var(--dark-background-main);
}

/* Quick reply tool bar */
.fr-toolbar {
    background-color: var(--dark-background-light);
    border-top-color: var(--dark-link-color-default);
}

/* Buttons in the tool bar */
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
    color: var(--dark-text-color-dark);
}

/* Disabled buttons */
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
    color: var(--dark-text-color-light);
}

/* Quick reply text box */
.fr-box.fr-basic .fr-wrapper {
    background-color: var(--dark-background-darker);
}

/* The text color in the answer box */
.fr-box.fr-basic .fr-element {
    color: var(--dark-text-color-main);
}

/* Shortened quote box */
.bbCodeBlock-expandLink {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0%, var(--dark-background-main) 80%);
}

/* Inline Preview */
.bbCodePreview-content {
    color: var(--dark-text-color-main);
}


/* Paginations */
.pageNav-jump {
    background: var(--dark-background-darker);
    border-color: var(--dark-border-color);
    color: var(--dark-link-color-default);
}

.pageNav-jump:hover,
.pageNav-jump:active {
    background: var(--dark-background-lighter);
    color: var(--dark-text-color-dark);
}

.pageNav-page {
    background: var(--dark-background-darker);
    border-color: var(--dark-border-color) !important; /* Needs to be important or the middle borders display wrong */
    color: var(--dark-link-color-default);
}

.pageNav-page:hover,
.pageNav-page:active {
    background: var(--dark-background-lighter);
    color: var(--dark-text-color-dark);
}

.pageNav-page.pageNav-page--current {
    background: var(--dark-text-color-code-title);
    color: var(--dark-text-color-dark);
}


/* Button links */
.button.button--link,
a.button.button--link {
    background: var(--dark-background-darker);
    border-color: var(--dark-border-color);
    color: var(--dark-link-color-default);   
}

.button.button--link:hover,
.button.button--link:focus,
.button.button--link:active,
a.button.button--link:hover,
a.button.button--link:focus,
a.button.button--link:active {
    background: var(--dark-background-lighter);
    color: var(--dark-text-color-dark);
}


/* Overlay menus */
.menu-content {
    background-color: var(--dark-background-main);
    color: var(--dark-text-color-main);
}

.menu-header {
    background: var(--dark-background-darker);
    color: var(--dark-text-color-code-title);
    border-bottom-color: var(--dark-border-color);
}

.menu-footer {
    background: var(--dark-background-main);
    border-top-color: var(--dark-border-color);
}

/* New notification entries */
.menu-row.menu-row--highlighted {
    background: var(--dark-background-light);
}

.menu-row.menu-row--clickable:hover {
    background: var(--dark-background-main);
}

/* Old notification entries */
.menu-row.menu-row--alt {
    background: var(--dark-background-main);
}

.menu-row.menu-row--separated + .menu-row {
    border-top-color: var(--dark-border-color);
}

/* Extra styles for the smiley overlay */
.menu--emoji .menu-header {
    background: var(--dark-background-main);
    border-color: var(--dark-border-color);
}


/* More overlays */
.overlay {
    border-color: var(--dark-border-color);
}

.overlay-title {
    background: linear-gradient(0deg, var(--dark-background-main), var(--dark-background-dark));
}

.overlay-content {
    background-color: var(--dark-background-light);
}

/* Overwrite the general block message style */
.overlay-content .blockMessage {
    background-color: var(--dark-background-light);
}


/* Input fields */
.input {
    background-color: var(--dark-background-lighter);
}

.input:focus,
.input.is-focused {
    background-color: var(--dark-background-lighter);
}



PS:
Dieses inline-Preview für eine Antwort macht mich ganz kirre, vor allem wenn da so viele Scrollleisten sind. Das alte Popup oder gleich die komplett neue Seite war da besser. o_O
 
das mit gewinner/hilfreich wurde hier tatsächlich schon zwei, drei mal genannt, ich kanns aber nicht nachvollziehen


Anhang anzeigen 875937

20190620_212647.jpg
20190620_212545.jpg
 

Anhänge

  • Screenshot_20190620-212528_Brave.jpg
    Screenshot_20190620-212528_Brave.jpg
    394,6 KB · Aufrufe: 32
  • Screenshot_20190620-212528_Brave.jpg
    Screenshot_20190620-212528_Brave.jpg
    394,6 KB · Aufrufe: 34
Zuletzt bearbeitet:
Einen Verbesserungsvorschlag hätte ich noch:
Könnte man die Anzahl der Postings pro Forums-Seite anders regeln?
Mein Vorschlag wären 15 Postings statt der momentanen 25. Gerade mit dem Smartphone sind manche Threads aufgrund vielen Bilder pro Post doch ganz schön mühlselig. Da kommt man selbst mit 4G ins schwitzen ;)

ich bin eher für 50 posts pro seite oder gerne auch hundert, scheiss geblättere geht auf keine kuhhaut, und wenn du nur 4G und nicht 4G+ hast, haste halt das falsche abo :aetsch:

ansonsten darkmode, den platz rechts und links verkleinern und dafür das effektive forum = die textboxen breiter machen, avatare gerne wieder rund.
 
Also Jungs, mir gefällt die neue Forensoftware gut. Toller Job.

:daumen::daumen::daumen:

Die Beschwerden über das Banner versteh ich nicht. Bei mir scrollt das mit weg. Ist doch ok.
Die Leute die sich über Werbung beschweren, dürfen sich ja gerne zusammentun und das Forum finanzieren.
 
Ich komme in die Trainingsverwaltung nicht rein?! Melde mich beim Forum an und es geht trotzdem nicht ?!
 
Status
Für weitere Antworten geschlossen.
Zurück