Layout individualisieren

Ein Iconset enthält grafische Symbole, die z.B. in der Navigation genutzt werden, und kann in ResellerProfessional über den Navigationspunkt "Iconsets" angepasst werden.

• Die vorgegebenen Iconsets können nicht geändert werden. Um ein eigenes Iconset zu erstellen, erstellen Sie deshalb bitte zunächst ein Duplikat eines bestehenden Iconsets. Klicken Sie dazu auf die Grafik "Duplizieren", die Sie bei den Symbolen rechts neben dem Namen des Iconsets finden.
  
  
• Laden Sie das Duplikat über die Grafik "Download" auf Ihren lokalen Rechner herunter. Jetzt können Sie die enthaltenen Icons durch eigene ersetzen und zusätzliche Icons einfügen.

Bitte beachten Sie dabei:

• Die Verzeichnisstruktur der ZIP-Datei muss beibehalten werden. Das Hinzufügen neuer Ordner ist jedoch möglich.
• Falls Sie vorhandene Icons durch eigene, gleichnamige Dateien ersetzen, muss das Datum der letzten Änderung Ihrer eigenen Icons aktueller sein als das Datum der letzten Änderung der ursprünglichen Icons.

• Laden Sie das geänderte Iconset anschließend wieder über die Grafik "Upload" auf den Server.

Nachdem der Upload abgeschlossen ist, ist das neue Iconset in Ihrem ResellerProfessional verfügbar und kann über den Scheme-Editor in Ihr Scheme eingebunden werden. Im Scheme-Editor befindet sich dann eine Auswahlbox für die Iconsets.

Abbildung: Eigene Iconsets im Scheme-Editor verwenden

Über Schemes können Sie das Layout des ResellerProfessionals und damit auch Ihres Endkundenmenüs an das Design Ihrer Webseite oder Ihr Corporate Design anpassen. Dabei haben Sie vielfältige Möglichkeiten:

• Sie können Seitenbereiche wie den Seiten-Kopf und -Fuß in der Größe anpassen oder sogar ganz ausblenden.
• Für einzelne Bereiche wie die Navigation und den Arbeitsbereich kann neben einer Hintergrundfarbe auch eine Hintergrundgrafik zuweisen und diese unterschiedlich ausrichtet werden.
• Die Schriftart, deren Farbe und Schriftschnitt kann für Navigationspunkte, Statusmeldungen, Spaltenüberschriften und Dialoge angepasst werden.
• Rahmen können in Breite und Farbe angepasst, komplett umrandet oder individuell abgetrennt werden.
• Sie können Abstände für Schriften und Grafiken definieren und 3D-Effekte sowie gepunktete Linien einsetzen. Und vieles mehr!

In ResellerProfessional stehen drei vordefinierte Schemes zur Verfügung: "df_01", "blue" und "purple". Diese vordefinierten Schemes veranschaulichen die Möglichkeiten des Scheme-Editors und können außerdem als Grundlage für Ihr individuelles Scheme genutzt werden.

Das Scheme "df_01"

Das Scheme "blue"

Das Scheme "purple"

Ein Scheme ist in verschiedene Bereiche unterteilt. Sie können nahezu alle Einzelpunkte anklicken und sehen dann farblich abgegrenzt den Bereich, den Sie gerade bearbeiten.

Ein Scheme ist in die folgenden Bereiche unterteilt:

• Seiten-Kopf: Gestaltung des oberen Seitenbereichs
• Navigation: Darstellung des linken Bereichs und somit der Navigation
• Arbeitsbereich: Aussehen des Inhaltsbereichs
• Seiten-Fuß: Gestaltung des Footers also des unteren Rands der Webseite, der auf den Arbeitsbereich folgt
• Status-Meldungen: Aussehen der Erfolgs-, Warn- und Fehlermeldungen
• Dialoge: Einstellungen für Dialogfenster, die im Vordergrund des RP-Systems geöffnet werden und die Seite teilweise überdecken
• Legende: Darstellung der Legende, die ein- und ausgeklappt werden kann und die Hilfe enthält
• Gesamte Seite: Grundsätzliche Schriftart und –größen sowie die Darstellung der Symbole
• Browser: Aussehen des Hintergrundes außerhalb des ResellerProfessionals und des Hintergrundes beim Öffnen eines Dialogfensters
• Formular-Elemente: Darstellung von Eingaben in Formularen wie Adressdaten, Passwörter etc.

• Die vorgegebenen Schemes können nicht geändert werden. Wenn Sie ein eigenes Scheme erstellen möchten, kopieren Sie deshalb bitte zunächst ein Scheme als Vorlage.
  
  
• Über die Grafik "Öffnen", können Sie das Scheme dann öffnen und bearbeiten.

Änderungen
Sie sehen Änderungen, die Sie in einem Scheme vornehmen, sofort. Damit die Änderungen aber für Ihre Kunden und Nutzer sichtbar werden, müssen Sie das Scheme speichern und es, falls noch nicht geschehen, für die gewünschten Benutzergruppen aktivieren. Änderungen, die nicht abgespeichert werden, müssen erneut eingegeben werden.

Bitte beachten Sie die folgenden Punkte:

• Damit Änderungen aktiv werden, müssen Sie diese speichern.
• Gespeicherte Änderungen werden sofort aktiv.
• Einstellungen können nach dem Speichern nur durch manuelle Änderung der vorgenommenen Eingaben rückgängig gemacht werden.

Bitte nutzen Sie bei der Bearbeitung von Schemes die Legende und die OnClick-Hilfe des ResellerProfessionals. Diese beinhalten jeweils eine kurze Beschreibung der einzelnen Funktionen.

Abbildung: Der Menüpunkt "Schemes" mit Vorlagen. In diesem Bild wird das Scheme "df_01" für Besucher der Seite (Gast) und Kunden im eingeloggten Zustand (Standard) verwendet.

Damit ein Scheme für die Darstellung des ResellerProfessionals genutzt wird, müssen Sie es aktivieren.

• Klicken Sie hierzu in der Scheme-Verwaltung auf den Radiobutton "Gast" (für nicht eingeloggte Nutzer) und/oder "Standard" (für eingeloggte Nutzer). Ihre Nutzer sehen das RP dann im neuen Scheme.
  
  
• Um das Scheme für Ihre aktuelle Sitzung zu übernehmen, klicken Sie bitte außerdem auf die Grafik "Wechseln" rechts neben den beiden Radiobuttons.

• Wenn Sie eigene Grafiken z.B. für den Seitenhintergrund oder den Hilfe-Button verwenden möchten, laden Sie das Scheme bitte auf Ihren lokalen Rechner herunter, fügen die gewünschte Grafik der ZIP-Datei hinzu und laden die Datei danach wieder in den Schemes hoch.

Bitte beachten Sie:
Bilder, die nicht in einem der Unterordner "bar" oder "main" in der ZIP-Datei abgelegt sind, werden vom RP-System nicht erkannt. Bitte verwenden Sie für Ihre Grafik außerdem keinen Dateinamen, der bereits im jeweiligen Ordner der ZIP-Datei vorhanden ist.

• Um Ihr Logo einzubinden, wählen Sie bitte den Navigationspunkt "Schemes".
  
  
• Erstellen Sie dort zunächst ein eigenes Scheme und laden das Scheme über den Klick auf die Grafik "Download" als ZIP-Datei auf Ihren Rechner herunter.
  
  
• Fügen Sie Ihr Logo dann bitte dem Ordner "pix\main" der ZIP-Datei als Grafik hinzu.

Bitte beachten Sie dabei:
Bilder, die nicht in einem der Unterordner "bar" oder "main" in der ZIP-Datei abgelegt sind, werden vom RP-System nicht erkannt.

• Laden Sie die geänderte ZIP-Datei anschließend wieder über die Grafik "Upload" auf Ihre RP-Instanz.
  
  
• Um das Logo im Seiten-Kopf einzubinden, öffnen Sie das Scheme und wählen den Bereich "Seiten-Kopf", "Seiten-Kopf", "Hintergrund".
  
  
• Dort finden Sie den Eintrag "Hintergrund-Bild". Wählen Sie aus der nebenstehenden Auswahlbox bitte den Namen Ihres Logos aus, das Sie in die ZIP-Datei integriert haben.
  
  
• Über den Eintrag "Hintergrund-Position" können Sie dann, falls gewünscht, die Position des Logos anpassen. Auf Wunsch kann das Logo außerdem wiederholt werden. Hierfür muss der Eintrag "Hintergrund-Wiederholverhalten" geändert werden.
  
  
• Zum Abschluss müssen Sie das Scheme noch speichern, damit die Änderungen übernommen werden. Damit das Scheme für die Darstellung des ResellerProfessionals verwendet wird, müssen Sie es außerdem, falls noch nicht geschehen, aktivieren.

Abbildung: Geänderter Seiten-Kopf

Das folgende Beispiel zeigt, wie der Schriftschnitt für die Überschrift von Gruppierungen im Arbeitsbereich angepasst werden kann:

• Wählen Sie bitte den Navigationspunkt "Schemes".
  
  
• Öffnen Sie das zu bearbeitende Scheme und wechseln Sie zu "Arbeitsbereich", "Daten Gruppierung - Überschrift", "Schrift".
  
  
• Hier können Sie den Schriftschnitt der Überschrift bei Gruppierungen bezüglich Schriftstärke (fett) und/oder -Lage (kursiv) sowie deren Größe ändern. Wenn Sie zum Beispiel den Eintrag "Schrift-Fett" auf "Nein" und "Schrift-Kursiv" auf "Ja" setzen, werden Sie feststellen, dass sich die Überschrift der Gruppe "Layout Definitionen" geändert hat.

Analog hierzu können Sie unter "Arbeitsbereich" und unter "Navigation" weitere Schriften anpassen z.B. die Seiten-Überschrift und die Überschrift einzelner Spalten. Die Standard-Schrift des Arbeitsbereiches können Sie unter dem Punkt "Gesamte Seite" ändern.

Abbildung: Geänderter Schriftlage (kursiv) bei den Gruppierungen "E-Mail Postfach", "weitere Adressen" und "Weiterleitungen".

Für viele Elemente können Sie Randbegrenzungen und Umrahmungen ändern. Im folgenden Beispiel wird der Rand links und rechts der Überschriften von Navigationsgruppen geändert. Dem linken Rand werden zwei durchgezogene Striche in grüner Farbe hinzugefügt. Am rechten Rand wird eine blau gepunktete Linie ergänzt:

• Wählen Sie bitte den Navigationspunkt "Schemes".
  
  
• Öffnen Sie das Scheme, das Sie ändern möchten, und wählen Sie "Navigation", "Navigation Gruppen", "Rahmen-Links".
  
  
• Wählen Sie dort beim Eintrag "Rahmen-Links-Typ" den Wert "doppelt durchgezogen" aus, ändern Sie die "Rahmen-Links-Größe" auf "12 px." und tragen Sie bei "Rahmen-Links-Farbe" den Wert #00aa2f ein.
  
  
• Unter "Rahmen-Rechts" wählen Sie bitte für "Rahmen-Rechts-Typ" den Wert "gepunktet", bei "Rahmen-Rechts-Größe" den Wert "5 px." und tragen für die "Rahmen-Rechts-Farbe" den Farbwert #0c63ff ein.

Wenn die Änderungen nicht sofort sichtbar werden, speichern Sie das Scheme bitte und laden das Browserfenster neu.

Abbildung: Änderung des linken und rechten Rahmens der Navigationsgruppe

• Um den Seiten-Fuß auszublenden, öffnen Sie bitte Ihr Scheme und klappen den Bereich "Seiten-Fuß", "Seiten-Fuß", "Allgemein" auf.
  
  
• Wählen Sie für den Eintrag "Aktiv" den Wert "Nein" aus und speichern Sie die Änderung anschließend ab.

Abbildung: Ausblenden des Seiten-Fußes

• Die Umrandung der Fehlermeldung können Sie im Scheme unter "Status-Meldungen", "Statusmeldung-Fehler", "Rahmen" anpassen.
  
  
• Ändern Sie dort das Feld "Rahmen-Größe" auf den Wert "10 px. " (der Standardwert ist "1 px.").

Um die Änderung zu testen, können Sie z.B. einen neuen Artikel erstellen und diesen speichern ohne einen Namen zu vergeben. Bei der nun erscheinenden Fehlermeldung werden die soeben vorgenommenen Änderungen genutzt.

Abbildung: Vergrößerter Rahmen einer Fehlermeldung

• Die Breite der Legende können Sie im Scheme unter "Legende", "Legende Bereich", "Allgemein" ändern.
  
  
• Passen Sie dort den Eintrag "Breite" z.B. auf 650 an. Wenn Sie die Standardbreite des Arbeitsbereichs und der Navigation nicht geändert haben, reicht die Legende dann in der Breite bis zur Navigation.

Abbildung: Verbreiterte Legende im ausgeklappten Zustand.

Sie können das ResellerProfessional statt zentriert auch links- oder rechtsbündig im Browserfenster positionieren.

• Bitte öffnen Sie hierfür das gewünschte Scheme und klappen dann den Bereich "Gesamte Seite", "Seiten Eigenschaften", "Allgemein" auf.
  
  
• Passen Sie dort die Ausrichtung des ResellerProfessionals über den Eintrag "Ausrichtung" an. Sie können zwischen den Werten "Zentriert", "Links" und "Rechts" wählen, um das Reseller Professional zu positionieren.

Abbildung: Die Ausrichtung des ResellerProfessionals im Browser einstellen.

• Die Farbe, die das RP umgibt, können Sie im Scheme im Bereich "Browser", "body", "Hintergrund" editieren.
  
  
• Tragen Sie dort z.B. als "Hintergrund-Farbe" den Farbwert #ff5824 (ein Rot-Orange) ein.
  
  
• Falls Sie ein Hintergrundbild verwenden, kann dieses die Hintergrundfarbe unter Umständen überdecken. Um das Hintergrundbild zu deaktivieren, wählen Sie beim Eintrag "Hintergrund-Bild" im Auswahlmenü den Wert "-none-".

Abbildung: Geänderte Hintergrundfarbe außerhalb des ResellerProfessionals.