Für die Iconbar: Smileys mit einstellbarer Größe - Teil 1 Aktualisiert 24.01.20
Beispiel:
Bitte mit der Maus berühren!
Installation
Emojis mit einstellbarer Größe!
• Die Adressen der Emojis mit "svg-Endung" können wie normale Bildadressen verwendet werden! • Die Größe bei HTML-Codes wird über die Breite width="??px" definiert! • Bei den Foren-Codes ist die Installation "Forum-Bilder mit einstellbarer Breite" erforderlich (siehe unten)!
• Sollen die Emojis in der Iconbar mit einstellbarer Größe ausgestattet werden, muss vorab "Bilder mit einstellbarer Breite" installiert werden (siehe unten)! • Iconbar aufrufen und Reiter "HTML" anklicken! • "Namen" vergeben, wie z.B. Xobor-Emojis und folgende Zeilen einfügen und speichern! • Den neu erstellten "HTML-Code" in eine vorhandene "Smiley-Gruppe" schieben oder eine neue Gruppe erstellen! • Dazu Reiter "Gruppe" anklicken, Name wie z.B. "Emojis" vergeben! • Grafik eintragen z.B.: //img.homepagemodules.de/ds/static/smileys/v2/grin.svg
• In Zeile 2 kann der Abstand zwischen den Emojis bestimmt werden! • In Zeile 3 wird die Größe der Emojis in der Iconbar bestimmt! • In Zeile 4 werden die einstellbaren Emojis durch ein Mouseover vergrößert und besonders hervorgehoben! • Ist diese Funktion nicht erwünscht, braucht nur Zeile 4 gelöscht werden! • In Zeile 7-28 kann man über "[img=auto=30px]" die Größendarstellung in Beiträgen bestimmen! Unterschiedliche Werte sind auch möglich! • Die Emojis sind auch mit Tooltipps versehen, die geändert oder auch gelöscht werden können!
Foren-Codes für Smileys mit einstellbarer Größe minimieren - Teil 2
Betrachtet man sich die Länge eines Foren-Codes, ist sie für ein Emoji recht groß! Möchte man die Länge minimieren, muss man für jedes Emoji einen neuen Foren-Code anlegen (18x)! Für die Größenbestimmung kann man auf die Schriftgrößeneinheiten "px" oder "rem" verzichten, wenn man sie bei der Erstellung eines neuen Foren-Codes mit einbezieht!
Der Foren-Code würde dann so aussehen:
Vorher:
Nachher:
Installation
Für alle Emoji mit Endung "svg" muss wie folgt ein neuer Foren-Code angelegt werden (18x)!
• Iconbar aufrufen! • Reiter Forencode anklicken! • Erweiterte Foren-Code ausblenden! • Werte eintragen und speichern! • Forencode in "nicht sichtbar" verschieben! • Wichtig: Es ist bei dieser Lösung nicht zwingend notwendig Forum-Bilder mit einstellbarer Größe und Tooltipps austatten zu installieren!
• Es ist nur eine CSS-Änderung notwendig! • In Beitrag #1 + Beitrag #2 brauchen nur die Zeilen 1-5 ausgetauscht werden! • In Zeile 4 wird mit "height" und "max-height" die Größe des Emojis beim Mouseover bestimmt! • Das Mouseover-Feature ist bereits in Beitrag #1 + Beitrag #2 eingetragen! • Ist diese Funktion nicht erwünscht, muss Zeile 4 gelöscht werden!
• Emojis mit der Endung "svg" ermöglichen recht große Darstellung von z.B. 500px. • Mit einem Mouseover könnte man das Emoji, wie bei der Beitragsvorschau, am oberen Rand darstellen. Etwas übertrieben, aber eindrucksvoll! • Es ist nur eine CSS-Änderung notwendig! • Die Zeilen 1-5 müssen hierzu ausgetauscht werden! • In Zeile 4 wird mit "height" und "max-height" die Größe der Emojis beim Mouseover bestimmt! • Mit "top" und "left" wird die "Mouseover-Position" festgelegt!