iGrafx Automation Wiki

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
===== Theme anpassen: =====

Im Headbereich des [[:software:tim:clients|TIM-Clients]] sind das TIM-Logo und farbige Highlights (Balken) zu sehen. Diese optische Darstellung nennen wir "Client-Theme". In TIM besteht die Möglichkeit das Theme (das Design) des [[:software:tim:clients|clients]] an individuelle Wünsche / Coorporate Design eines jeden Unternehmens anzupassen. Hierzu müssen die nachfolgend gelisteten Dateien bearbeitet werden. Dies kann man im **custom-ordner** des zugehörigen Servers tun oder im [[:software:tim:administration_client|Administrationsclient]] unter dem Reiter **Resources**. Die Änderungen am Theme werden in __allen__ Clients eines [[:software:tim:client|Mandanten]] wirksam. Bevor Änderungen am Theme vorgenommen werden, sind die unten stehenden Hinweise, die unter "WICHTIG" zusammengefasst sind, zu beachten.

- styles.css (in dieser Datei können Änderungen an der css, sprich am Layout des Clients, vorgenommen werden)

- tim.png (das Logo des Unternehmens)

- head.png (Headbereich des Clients)

- glass_bg.png (die Leiste im kontextmenue und die kopfzeilenleiste der Popups des Clients)

- bgBody.jpg (Legt die Hintergrundfarbe des Client fest. WICHTIG: in styles.css auch den Hex-Farbwert an die veränderte bgBody.png anpassen)

----

__**Logo:**__ \\
Um das Logo anzupassen, muss es in den custom-ordner des Clients kopiert oder im Resources Reiter hochgeladen werden. Daraufhin muss die Datei "**styles.css**" geöffnet werden (Rechtsklick auf die Datei, Auswahl "bearbeiten"), um den Dateinamen (des Logos) und dessen Maße anzupassen.\\
{{:software:tim:logopfad_anpassen.png?800}}

----

__**Headbereich:**__ \\
Um das Design des Headbereichs anzupassen, muss die Datei **"head.png"** mit einem beliebigen Bildbearbeitungsprogramm geöffnet werden. Hierfür ist das (bei Windows vorinstallierte) Programm **"Paint"** ausreichend. Hier besteht die Möglichkeit, die Farbe der Leiste und die Hintergrundfarbe des Headbereichs anzupassen. Dieses Bild wird, per css-Anweisung, automatisch horizontal wiederholt bis es die gesamte Breite des Clients und somit des Bildschirms eingenommen hat.\\
\\
{{:software:tim:theme_head.png?600}}

__**Tipp:**__ \\
> Mit der **Pipette** kann die genaue Farbe der mittig liegenden Pixel (Standard: TIM-grün) ermittelt werden.
{{:software:tim:theme_tipp.png?600}}

----

__**kontextmenue:**__ \\
Hierbei handelt es sich um die Farbveränderung (MouseOver-Effekt) im kontextmenue des Clients. Auch die kopfzeileleiste aller Popup-Fenster der TIM-Clients (wie z.B. Smartform, Notizen etc.) wird aus der Datei **"glass_bg.png"** geladen. Sowohl das bildwiederholungsprinzips als auch die Anpassung des Designs, erfolgen auf die gleiche Art und Weise wie zuvor, im Bezug auf den **Headbereich**, beschrieben.\\
{{:software:tim:theme_menue.png?600}}

----

__**WICHTIG:**__

   * Bevor Änderungen am Theme durchgeführt werden, ist zu überprüfen ob der bearbeitende User über die entsprechenden Zugriffsrechte auf den custom-ordner oder Resource Reiter verfügt. Falls darüber Unklarheit herrscht, sind entsprechende Informationen beim zuständigen Systemadministrator einzuholen. Um mit dem Resource Reiter zu arbeiten wird die [[:software:tim:roles|Rolle]] **resource-manager**  benötigt.
  * Beim Bearbeiten der Datei **"styles.css"**ist Vorsicht geboten! Hier soll lediglich der Dateiname, die Bildhöhe und die Bildbreite angepasst werden. Kleinste Änderungen können hier das gewünschte Ergebnis verfälschen!
  * Das Theme wird erst aus dem Resource Reiter genommen, wenn in dem die styles.css liegt. Falls die nicht der Fall ist, wird das Theme aus dem custom-ordner genommen.
  * Die Maße der Bilddateien (**"head.png"**  und **"glass_bg.png"**) dürfen nicht verändert werden! Diese sind wie folgt:

<code>
für die Datei "head.png":     Höhe:149px, Breite:1px
für die Datei "glass_bg.png": Höhe: 22px, Breite:1px
für das Logo:                 max.Höhe: 60px, max.Breite:400px
</code>

__**Anhänge:**__
{{:software:tim:theme.zip| Theme Package}}
iGrafx Automation Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge
