Modern Shoutbox Pro kompakter gestalten

Quote from PoooMukkel

Wenn dir das hilft, kann ich dir gern meinen CSS-Code zur Verfügung stellen ...

…. auf diese Hilfe würde ich auch gerne zurückkommen 😀👍

Quote from Gery100

kann mir da den keiner helfen ?

Können vielleicht, aber Hilfsbereitschaft hängt auch immer davon ab, wie gut oder schlecht die Kommunikation in derartigen Themen läuft. Ich habe seit zwei Tagen keine Rückmeldung darüber, ob Dir nun die in einem Deiner anderen Themen gewünschte und von mir erklärte Anpassung der Wer-war-online-Box anhand der gegebenen Informationen gelungen ist.

Da ich persönlich zur Anpassung der Shoutbox keine CSS-Versuche unternehmen, sondern ebenfalls versuchen würde, das Template anzupassen, sehe ich keinen Sinn darin, Dir das zu empfehlen, da ich nicht weiß, ob Du nun überhaupt willens und in der Lage bist, eigene Templateversionen zu erstellen und zu nutzen.

Gruß norse

Quote from PoooMukkel

Ich nutze die Modern Shoutbox in der rechten Seitenleiste. Hierfür habe ich mir die SB per CSS angepasst, dass sie im modernen klassischen Design etwas kompakter aussieht.

Wenn dir das hilft, kann ich dir gern meinen CSS-Code zur Verfügung stellen ...

EDIT: Nutze doch das klassische Design. Hab mich geirrt.

Display More

Meines sieht so aus https://www.felbor.net/wbb5/index.php?dashboard/

Quote from norse

Können vielleicht, aber Hilfsbereitschaft hängt auch immer davon ab, wie gut oder schlecht die Kommunikation in derartigen Themen läuft. Ich habe seit zwei Tagen keine Rückmeldung darüber, ob Dir nun die in einem Deiner anderen Themen gewünschte und von mir erklärte Anpassung der Wer-war-online-Box anhand der gegebenen Informationen gelungen ist.

Da ich persönlich zur Anpassung der Shoutbox keine CSS-Versuche unternehmen, sondern ebenfalls versuchen würde, das Template anzupassen, sehe ich keinen Sinn darin, Dir das zu empfehlen, da ich nicht weiß, ob Du nun überhaupt willens und in der Lage bist, eigene Templateversionen zu erstellen und zu nutzen.

Gruß norse

Display More

Ich verstehe jetzt nicht ganz, wo das Problem liegt, ich habe auf Dein Schreiben geantwortet.

Ich bin immer für jeder Hilfe sehr dankbar.

Quote from Gery100

Meines sieht so aus https://www.felbor.net/wbb5/index.php?dashboard/

Sieht doch aber gar nicht mal schlecht aus.

Quote from PoooMukkel

Sieht doch aber gar nicht mal schlecht aus.

Ja bis auf den weisen Bereich hier

Forum -

Du meinst, wenn man mit der Maus über die Zeilen fährt, dass sich der Hintergrund weiß färbt?

Nein der Hintergrund ist ja weis ,den hätte ich gerne Grau

Hier habt ihr mal eine Basis zum Basteln für die KLASSISCHE ANSICHT:

/* Modern Shoutbox */
#content {
    .shoutbox {
        --bubble-bg-is-owner-color: rgba(212,243,189,1);
        --bubble-bg-is-not-owner-color: rgba(230,230,230,1);
        --bubble-text-color: rgba(0,0,0,0.7);
        --bubble-link-color: rgba(0,0,0,1.0);
        .shoutboxEntry {
            &:not(.isOwner) {
                .shoutboxAvatar {
                    background-color: var(--bubble-bg-is-not-owner-color);
                }
                .containerHeadline {
                    background-color: var(--bubble-bg-is-not-owner-color);
                    color: var(--bubble-text-color); 
                }
                .containerHeadline {
                    &:after {
                        border-left-color: var(--bubble-bg-is-not-owner-color) !important;
                    }
                }    
            }        
            &.isOwner {
                .shoutboxAvatar {
                    background-color: var(--bubble-bg-is-owner-color);
                }
                .containerHeadline {
                    background-color: var(--bubble-bg-is-owner-color);
                    color: var(--bubble-text-color); 
                }
                .containerHeadline {
                    &:after {
                        border-left-color: var(--bubble-bg-is-owner-color) !important;
                    }
                }    
            }
            padding: 5px !important;
            .shoutboxAvatar {
                margin-right: 0;
                border-radius: 15px 0 0 15px;
                height: 30px;
                .userAvatarImage {
                    height: 30px !important;
                    width: 30px !important;
                    vertical-align: initial;
                }
            }
            .shoutboxMessage {
                display: flex;
                .containerContent {
                    margin-top: 0;
                    display: flex;
                    align-items: center;
                    font-size: 14px;
                }
                .containerHeadline {
                    border-radius: 0 5px 5px 0;
                    margin-right: 15px;
                    padding: 2px 5px;
                    height: 30px;
                    min-width: 150px;
                    display: flex;
                    align-items: center;
                    position: relative;
                    &:after {
                        left: 100%;
                        top: 50%;
                        border: solid transparent;
                        content: "";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none;
                        border-width: 8px;
                        margin-top: -8px;
                    }
                    small {
                        font-size: 10px;
                    }
                    a {
                        color: var(--bubble-link-color); 
                    }
                }
            }
        }
    }
}

Na wer macht was schönes draus 🤔

Ich dachte, wir reden von der Shoutbox ...

Da müsstest du im ACP und im Stil den Background anpassen (Stil bearbeiten / Farbpalette). Test das aber am besten im Test Forum oder erstelle dir eine Kopie des Stils, den du verändern möchtest! Schreibe dir die Werte, die du änderst, vorher auf.

Habe das bei mir mal ausprobiert.

Aber wie du siehst, musst du dann vermutlich auch andere Farben anpassen.

Quote

Ich dachte, wir reden von der Shoutbox ...

Ja eigentlich auch ,habe das Thema verwechselt Sorry

Das Board hier ist für mich noch total verwirrend .

Danke jetzt habe ich es begriffen mit den Farben

Hundiiiiiiiiii super Danke

Als Newbie frage ich an, ob es auch eine Schritt für Schritt anleitung gibt um die Shoutbox im Forum sichtbar zu machen?? Habe schon Admin und Moderatoren freigabe eingerichtet, aber im Forum erscheint sie nicht ?? LG

Quote from hackbert

Als Newbie frage ich an, ob es auch eine Schritt für Schritt anleitung gibt um die Shoutbox im Forum sichtbar zu machen?? Habe schon Admin und Moderatoren freigabe eingerichtet, aber im Forum erscheint sie nicht ?? LG

Wende dich hierzu an den Plugin Ersteller

Noch ein kleiner Tipp meinerseits, da ich es gerade gelesen habe:

• Es müssen der Shoutbox Berechtigungen zugewiesen werden. (Standardmäßig hat sie keine Berechtigungen.)
• Die Shoutbox muss als Box entsprechend eingerichtet werden. (Ob nach der Installation eine Box schon angelegt ist, weiß ich nicht mehr.)

Hat geklappt mit Hilfe des Erstellers. War ganz einfach. An alle vielen Dank

Quote from hackbert

War ganz einfach

Woran hat's denn gelegen?

An der richtigen Einstellung

Quote from Goli Ath

Woran hat's denn gelegen?

Vermutlich wurde hier die "Einschränkung" übersehen, dass die Shoutbox standardmäßig niemandem angezeigt wird. Demzufolge muss unter Apps > Shoutboxen die jeweilige Shoutbox entsprechend konfiguriert werden, für welche Benutzer oder Benutzergruppen sie sichtbar sein soll.