Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Die folgenden Tutorials zum Ändern der Smiliebox im Forenchat und zum Ändern der Vorschaugröße der Smilies beziehen sich auf den PrivatChat von Xobor.

Die Größe der Smiliebox im Chat verändern

Die ursprünglich angebotene Lösungsvariante finden Sie im Thema Neujahr 2012: Live-Aktualisierung für den Activity Feed und Neues im Chat (2). Mit diesem Tutorial bieten wir Ihnen eine genauere Erklärung der vorgegebenen Lösung, sowie eine Schritt für Schritt Anleitung.


Der Chat im Normalzustand:



Von Hause aus ist die Box für die Smilies im Chat so eingestellt, dass sie sich in der Breite anpasst und verhindert, das angezeigte Smileys aus dem Boxfenster herausragen.
Möchten Sie jedoch auch die Höhe der Box bestimmen, können Sie unter Admin -> Layout -> CSS folgenden CSS-Code eintragen:

div.chat_smileys {
    width: 400px;
    height: 200px;
}

Die Zahl hinter width bestimmt die Breite der Box, in unserem Beispiel ist eine Breite von 400px (px = Pixel) angegeben.
Die Zahl hinter height bestimmt die Höhe der Box, in unserem Beispiel ist eine Höhe von 200px angegeben.
Bei Bedarf können Sie die Breiten- oder Höhenangaben so lange verändern, bis die Box die von Ihnen gewünschte Größe hat.

Durch die feste Höhen- und Breitenangabe entfällt nun jedoch die dynamische Anpassung der Box.
Kommen also mehr Smilies hinzu, kann es passieren das diese nun aus der Box hinaus ragen. Durch eine erneute Anpassung der Höhen- und Breitenangabe nach obiger Erklärung können Sie die Box den veränderten Bedingungen anpassen.

Die durch den CSS-Code veränderte Box:

Die Größe der Smilievorschau ändern

Möchte man die Smilies verschiedener Größen nun auf eine Größe bringen und in der Gesamtheit etwas größer darstellen, kann es bei sehr kleinen Smilies dazu führen, dass sie zu stark vergrößert und dadurch verpixelt werden.
Um die Smilies ohne Verpixelung gesamtheitlich zu vergrößern, kann folgender CSS-Code ebenfalls unter Admin -> Layout -> CSS eingetragen werden:

.chat_smiley_div .chat_smiley{max-height:35px !important;max-width:35px !important; }
.chat_smiley_div .chat_smiley_span{width: 40px !important; height:40px !important;}

Wie auch im oberen Tutorial beschrieben, können Sie auch hier die Angaben hinter width und height ändern und Ihren Vorstellungen anpassen.

Wichtig: Der Abschnitt .chat_smiley_div .chat_smiley_span muss einen größeren Wert haben als der Abschnitt .chat_smiley_div .chat_smiley, da sich die Smilies sonst überlappen.



Das Endergebnis nach Veränderung der Vorschaugröße