ProHoster > Blog > Administration > Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Viele von uns lieben es, wenn etwas ganz individuell fĂŒr uns gestaltet ist! Wenn wir ein gewisses „EigentumsgefĂŒhl“ erleben, das uns ermöglicht, uns von der „grauen Masse“ abzuheben. Die gleichen StĂŒhle, Tische, Computer usw. Alles wie bei allen!

Manchmal kann schon ein kleines Detail, wie das Firmenlogo auf einem einfachen Stift, dazu fĂŒhren, dass wir ihn als besonders und somit wertvoller empfinden.

Sie werden zustimmen, dass die meisten Kunden ein Snom-Telefon bevorzugen, das sie mit etwas Besonderem oder Persönlichem verbinden, anstelle eines gewöhnlichen (wie bei allen) Telefons. Ich bin mir sicher, dass auch Sie, wenn Sie Anbieter von Telefonielösungen sind, Ihre Firma mit diesem „Besonderen“ im Auge des Kunden assoziieren möchten.

Viele von Ihnen wissen, dass Snom sehr unterschiedliche Anpassungslevel fĂŒr Desktop-Telefone bieten kann: von sehr komplexen Hardware- und Softwareanpassungen, die Zeit fĂŒr die Entwicklung benötigen, bis hin zu den einfachsten, die allen „out of the box“ völlig kostenlos zur VerfĂŒgung stehen. Genau darĂŒber möchten wir heute sprechen.

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Die Firmware-MenĂŒ unserer Telefone basiert auf XML und ermöglicht Ihnen eine flexible Anpassung der BenutzeroberflĂ€che in folgenden Bereichen (kurze Liste):

  • Hintergrundbild
  • Schriftart und Farbe
  • Icons
  • Sprache
  • Klingeltöne
  • Tastenbelegung
  • und vieles mehr

In diesem ersten Teil unseres Artikels werden wir erlÀutern, wie Sie das visuelle Erscheinungsbild des Snom-Telefons Àndern können. Wir werden einige Punkte besprechen:

  1. Ändern des Farbschemas
  2. Ändern der Schriftarten
  3. Hochladen eines Hintergrundbildes
  4. Beispiele fĂŒr Themes

Im zweiten Teil unseres Artikels (der bald erscheint) werden wir ĂŒber die weiteren Anpassungsmöglichkeiten sprechen. Also bleiben Sie dran.

1. Ändern des Farbschemas

Seit der Firmware-Version 10 kann die FarboberflĂ€che des Telefons in Bezug auf Farbe und Transparenz vollstĂ€ndig angepasst werden. Dies ermöglicht die Anpassung der BenutzeroberflĂ€che fĂŒr optimale Lesbarkeit, Klarheit, FarbprĂ€ferenzen und weitere Modifikationen, z. B. das Corporate Design.

Damit es einfacher zu verstehen ist, gibt es ein Schema zur Beschreibung der Farbkonfiguration:

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Farben werden mit RGB-Werten angepasst

Bezeichnung

ZulÀssige Werte

Werte nach
Standard

Beschreibung

titlebar_text_color

Gruppe von 4
Zahlen, jede >=0 und <=255.

rot, grĂŒn, blau, alpha (Alpha-Wert 255 bedeutet vollstĂ€ndig
sichtbar, und 0 – vollstĂ€ndig transparent).

51 51 51 255

Steuert die Farbe und die Transparenz des Textes in
der Titelleiste, zum Beispiel „Datum“, „Zeit“,
„Titel“ usw.

text_color

51 51 51
255

Steuert die Farbe und die Transparenz
des Haupttexts, zum Beispiel „MenĂŒâ€œ, „Standby-Modus“ und
allen anderen Bildschirmen des Haupttexts.

subtext_color

123 124 126 255

Steuert die Farbe und die Transparenz
des Untertexts, zum Beispiel „MenĂŒâ€œ, „Standby-Modus“ und allen
anderen Untertextbildschirmen.

extratext_color

123 124 126
255

Steuert die Farbe und die Transparenz der ersten
Textzeile, die rechts im MenĂŒ angezeigt wird, zum Beispiel Anrufliste, Datum und
Zeit.

extratext2_color

123 124 126
255

Steuert die Farbe und die Transparenz der zweiten
Textzeile, die rechts im MenĂŒ angezeigt wird, zum Beispiel Anrufliste, Datum und
Zeit.

titlebar_background_color

226 226 226
255

Steuert die Farbe und die Transparenz des Hintergrunds
der Titelleiste

background_color

242 242 242
255

Steuert die Farbe und die Transparenz des Hintergrunds auf
jedem Bildschirm.

fkey_background_color

242 242 242
255

Steuert die Farbe und die Transparenz
kontextabhÀngiger Tasten.

fkey_pressed_background_color

61 133 198
255

Steuert die Farbe und die Transparenz des Hintergrunds
Hintergrund von kontextabhĂ€ngigen Tasten beim DrĂŒcken.

fkey_separator_color

182 183 184
255

Steuert die Farbe und die Transparenz
Trennlinien von kontextabhÀngigen Tasten

fkey_label_color

123 124 126
255

Steuert die Farbe und die Transparenz des Textes,
der in kontextabhÀngigen Tasten verwendet wird.

fkey_pressed_label_color

242 242 242
255

Steuert die Farbe und die Transparenz des Textes,
wird in kontextabhÀngigen SchaltflÀchen verwendet, wenn man darauf klickt

selected_line_background_color

255 255 255
255

Steuert die Farbe und die Transparenz des Hintergrunds
des ausgewĂ€hlten Elements, beispielsweise im MenĂŒ oder auf einem Bildschirm mit auswĂ€hlbaren Elementen

selected_line_indicator_color

61 133 198
255

Steuert die Farbe und die Transparenz
Indikator links von der ausgewĂ€hlten Linie, zum Beispiel im MenĂŒ oder auf einem Bildschirm mit
ausgewÀhlten Elementen

selected_line_text_color

61 133 198
255

Steuert die Farbe und die Transparenz des Textes in
in der hervorgehobenen Zeile, beispielsweise im MenĂŒ oder auf einem Bildschirm mit ausgewĂ€hlten Elementen.
Steuert auch die Farbe des aktuellen Zeichens beim zyklischen Durchlaufen der
verschiedenen Optionen im Eingabefeld

line_background_color

242 242 242
0

Steuert die Farbe und Transparenz des Hintergrunds fĂŒr
jede Zeile im MenĂŒ oder MenĂŒpunkt oder jeden Listeneintrag.

line_separator_color

226 226 226
255

Steuert die Farbe und die Transparenz
Trennlinie zwischen MenĂŒs oder MenĂŒpunkten, die nur angezeigt wird
wenn mehr als ein ausgewĂ€hltes Element verfĂŒgbar ist.

scrollbar_color

182 183 184
255

Steuert die Farbe und Transparenz der
Scrollbar, die auf jedem Bildschirm angezeigt wird.

cursor_color

61 133 198
255

Steuert die Farbe und Transparenz des Cursors,
der auf Bildschirmen mit Eingabeverzögerung angezeigt wird.

status_msgs_background_color

242 242 242
255

Steuert die Farbe und Transparenz des Hintergrunds fĂŒr
Hintergrundfarbe der Statusmeldungen, die auf Warte- und Aufrufbildschirmen erscheinen. Dieser Wert gilt auch fĂŒr den Hintergrund
der LautstÀnderung.

status_msgs_border_color

182 183 184
255

Steuert die Farbe und Transparenz des Rahmens
fĂŒr Statusmeldungen, die auf Warte- und Anrufbildschirmen angezeigt werden. Dieser Wert gilt auch fĂŒr den Rahmen
der LautstÀnderung.

smartlabel_background_color

242 242 242
255

Steuert die Farbe und Transparenz des Hintergrunds von SmartLabel.

smartlabel_pressed_background_color

61 133 198
255

Steuert die Farbe und Transparenz des Hintergrunds von SmartLabel beim DrĂŒcken der Funktionstaste.

smartlabel_separator_color

182 183 184
255

Steuert die Farbe und Transparenz der Linie
des Trennzeichens zwischen jeder Funktionstaste von SmartLabel.

smartlabel_label_color

123 124 126
255

Steuert die Farbe und die Transparenz des Textes,
die in SmartLabel verwendet wird.

smartlabel_pressed_label_color

242 242 242
255

Steuert die Farbe und die Transparenz des Textes,
die in SmartLabel verwendet wird, beim DrĂŒcken der Funktionstaste.

Jetzt, da wir wissen, wo was ist, können wir im Webinterface des Telefons zum Abschnitt Setup/Preferences, dann zur zweiten Registerkarte Erscheinungsbild:

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Hier können die Werte angepasst werden, und wenn Sie auf das Fragezeichen klicken, gelangen Sie zu einer Beschreibungseite, auf der auch eine Anmerkung enthalten ist, wie dieser Wert im Falle der Verwendung einer XML-Datei zur Konfiguration angegeben werden kann. Zum Beispiel fĂŒr unsere erste Zeile „Textfarbe“:

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

2. Schriftarten Àndern

Die Schriftarten auf allen snom Telefonen sind frei anpassbar und können ĂŒber die automatische Bereitstellung geĂ€ndert werden. Bitte beachten Sie, dass bei der Ersetzung einer aktuell verwendeten TrueType- oder Bitmap-Schriftart durch eine benutzerdefinierte Schriftart bestimmte Inkonsistenzen bei der Anzeige von Text auftreten können, da die BenutzeroberflĂ€che fĂŒr eine spezifische TrueType-Schriftart optimiert ist.

Um eine Schriftart zu ersetzen, mĂŒssen Sie eine tar-Datei erstellen, die die neue Schriftart enthĂ€lt, die genau den Namen der alten Schriftart, die ersetzt werden soll, tragen muss.

„tar -cvf fonts.tar fontfile.ttf“

Im Anschluss muss auf diese tar-Datei im XML-Dokument verwiesen werden, damit sie beim Booten des Telefons korrekt geladen wird.

Eine detaillierte Übersicht ĂŒber die vorinstallierten Schriftarten finden Sie bei uns auf Wiki
So können Sie Ihre eigene Schriftart auf das Telefon laden.

3. Hochladen eines Hintergrundbildes

Am Beispiel zeigen wir, wie man einen Hintergrund richtig hochlÀdt und welche Einstellungen dabei wichtig sind.

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Ein Hintergrundbild kann ĂŒber die Web-OberflĂ€che → Einstellungen → Erscheinungsbild:

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

In diesem Parameter sollte eine verfĂŒgbare URL fĂŒr das Bild festgelegt sein. Sobald der Parameter geĂ€ndert wird, wird das Hintergrundbild ersetzt.

Alternativ können Sie diese Einstellung ĂŒber das Auto-Provisioning Ă€ndern, indem Sie das Tag mit einem gĂŒltigen Wert in Ihre XML-Datei einfĂŒgen.

Wenn dieser Parameter leer ist oder die Bild-URL ungĂŒltig ist, wird das Standard-Hintergrundbild des Telefons verwendet.

Wichtig: Wenn Sie eine Software-Version vor 10.1.33.33 verwenden, muss der Hintergrundfarbe ein vollstÀndig transparenter Wert zugewiesen werden.

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Das ist notwendig, da das Hintergrundbild unter der Standard-Hintergrundfarbe liegt. Dies kann erreicht werden, indem der Alpha-Wert 0 fĂŒr die Hintergrundfarbe festgelegt wird.

Ab der Firmware-Version 10.1.33.33 wird die Farbtransparenz des Hintergrunds automatisch an das angezeigte Hintergrundbild des Telefons angepasst. Sie wird jedoch nicht vollstÀndig transparent sein. Um vollstÀndige Transparenz zu erreichen, muss die Einstellung trotzdem einen Alpha-Wert von 0 haben.

FĂŒr die korrekte Anzeige des Hintergrundbildes muss es im Format png, jpg, gif, bmp oder tga gespeichert werden. Wir empfehlen dringend, .png-Dateien zu verwenden und diese mit "optipng", zu optimieren, um die DateigrĂ¶ĂŸe zu reduzieren und die Leistung zu verbessern.

BildgrĂ¶ĂŸe je nach Modell:

Modell
Auflösung

D375/ D385/ D785
480 x 272

D335/ D735/ D765
320 x 240

D717
426 x 240

4. Beispiel fĂŒr Themenkonfiguration

1. „Dunkles Thema“:

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Ansehen


  
  
  43 49 56 255
  242 242 242 255
  43 49 56 255
  242 242 242 255
  224 224 224 255
  158 158 158 255
  158 158 158 255
  43 49 56 255
  61 133 198 255
  70 90 120 255
  224 224 224 255
  242 242 242 255
  242 242 242 0
  50 60 80 255
  61 133 198 255
  61 133 198 255
  70 90 120 255
  70 90 120 255
  61 133 198 255
  43 49 56 255
  70 90 120 255
  
  43 49 56 255
  61 133 198 255
  70 90 120 255
  224 224 224 255
  242 242 242 255

2. „Buntes Thema“:

Selbstgemacht oder wie man das Snom-Telefon anpassen kann. Teil 1: Farben, Schriftarten, Hintergrund

Ansehen


  http://192.168.0.1/background.png
  
  0 0 0 0
  242 242 242 255
  43 49 56 40
  242 242 242 255
  224 224 224 255
  224 224 224 255
  224 224 224 255
  43 49 56 40
  43 49 56 140
  0 0 0 0
  224 224 224 255
  224 224 224 255
  0 0 0 0
  43 49 56 40
  61 133 198 255
  61 133 198 255
  0 0 0 0
  61 133 198 255
  61 133 198 255
  61 133 198 255
  61 133 198 255
  
  43 49 56 40
  43 49 56 140
  0 0 0 0
  242 242 242 255
  242 242 242 255

Wir hoffen, dieses Thema hilft Ihnen, die Frage der manuellen Anpassung zu klÀren.

Die Fortsetzung folgt


Quelle: habr.com

Erwerben Sie zuverlĂ€ssiges Hosting fĂŒr Websites mit DDoS-Schutz, VPS VDS-Server đŸ”„ Kaufen Sie zuverlĂ€ssiges Hosting fĂŒr Websites mit DDoS-Schutz, VPS VDS-Server | ProHoster