Scrollbalken und andere Formatierungen für die neue Iconbar Aktualisiert 07.05.23
In der neuen Iconbar kann unter "Gruppe" ein Smilieauswahlmenü erstellt werden. Werden viele Smilies benötigt, ist ein "horizontaler Scrollbalken" sinnvoll. Um die Formatierungen zu ermöglichen ist ein Eintrag in die "CSS" erforderlich. Bei einigen Einträgen ist der Zusatz "!important" notwendig, um wirksam zu werden!
Es lassen sich gut folgende Formatierungen durchführen:
Höhe des Smilyauswahlfenster
Hintergrundbild der Smilyauswahlliste
Hintergrundfarbe der Smilyauswahlliste (nur in Funktion bei fehlendem Hintergrundbild)
Rahmenstärke des Auswahlfensters
Auswahlfenster mit abgerundeten Ecken (Passend fürs Business-, ProSilver- und Gaia-Template)
Abstand der Smilies zum Fensterrand
...
Einträge der CSS ermöglichen die Formatierungen der Iconbar:
• Es können Formatierungen beliebig hinzugefügt und entfernt werden!
1 2 3 4 5 6 7 8 9
.xob_subiconlist { overflow: auto; height: 300px; /* Höhe des Smilieauswahlfenster (Scrollbalken) */ background-image:url(https://files.homepagemodules.de/b104774/a_547_9949cc78.png); /* Hintergrundbild Smilieauswahl */ background-color: #888888 !important; /* Hintergrundfarbe Smilieauswahl (nur in Funktion bei fehlendem Hintergrundbild) */ border: 5px solid #aaaaaa !important; /* Rahmenstärke des Auswahlfensters */ border-radius: 10px; /* Auswahlfenster mit abgerundeten Ecken */ padding:25px !important; /* Abstand der Smilies zum Fensterrand */ }
In der neuen Iconbar kann unter "Gruppe" ein Smiley-Auswahlmenü erstellt werden. Um die Formatierungen zu ermöglichen ist ein Eintrag in die "CSS" erforderlich. Bei einigen Einträgen ist der Zusatz "!important" notwendig, um wirksam zu werden!
Es lassen sich folgende Formatierungen durchführen:
Hintergrundbild der Iconbar
Abstand zum Textfeld und zum Rand der Liste
Hintergrundfarbe der Iconbar und Icons (nur in Funktion bei fehlendem Hintergrundbild)
Abgerundete Ecken der Iconbar + Icons (Passend fürs Business-, ProSilver- und Gaia-Template)
...
Einträge der CSS ermöglichen die Formatierungen der Iconbar:
Es können Formatierungen beliebig hinzugefügt und entfernt werden!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
.xob_iconlist { background-color: #888888 !important; /* Hintergrundfarbe der Iconbar */ border-radius: 10px; /* Abgerundete Ecken der Iconbar */ padding:5px 0px 50px 5px !important; /* Abstand zum Rand */ margin-bottom:50px !important; /* Abstand zum Textfeld */ }
.xob_icon { width: 30px; /* Breite aller Icons */ height: 30px; /* Höhe aller Icons */