Aussehen: Basisfarben, Designeinstellungen, Farbkodierung, Nach-oben-Knopf

Einleitung
Dein Kundenportal soll aussehen wie dein Betrieb: in deinen Farben und mit deinem Logo. In diesem Video zeige ich dir die Basisfarben, die Farben der Buchungskalender und den Nach-oben-Knopf. Zum Schluss kommt die Farbkodierung für deinen Belegungsplan.

Basisfarben
Alles dazu findest du links unter „Layout“: „Basisfarben“, „Kalender und Nach-oben-Knopf“ und „Farbkodierung“. Unter „Basisfarben“ stehen sieben Farben. Sie gelten für das Kundenportal, den Kundenbereich und auch für deine E-Mails. Die wichtigste ist die „Primärfarbe“. Sie färbt Überschriften, Links, Rahmen und Hauptlinien. Die „Sekundärfarbe“ darunter erscheint, wenn man mit der Maus über einen Link fährt. Die „Textfarbe“ gilt für den normalen Text. Darunter folgen die Hintergründe: für Kästen mit Ankündigungen, für die Anmeldeleiste, deren Rahmen und für die ganze Seite. Zum Ändern klickst du auf das Farbfeld. Es öffnet sich die Farbauswahl deines Browsers. Dort wählst du die Farbe oder trägst einen Farbwert ein. Als Beispiel wählen wir ein Grün. Rechts steht jetzt der Farbwert, hier „#2e7d32“. Tipp: Nimm den Farbwert aus deinem Logo. Ein Grafiker oder ein Bildprogramm mit Pipette nennt ihn dir. Dann passt dein Portal genau zu deinem Logo. Mit „Basisfarben speichern“ übernimmst du die Farben. Für dieses Video lassen wir die bisherigen Farben stehen.

So wirken die Farben im Portal
Prüfe das Ergebnis über das Haus-Symbol im Portal. Die Überschrift hier hat die Primärfarbe, in unserem Beispiel Violett. Die Anmeldeleiste hat die „Sekundäre Hintergrundfarbe“ und die „Sekundäre Rahmenfarbe“.

Logos und eigenes CSS
Eine eigene Seite „Designeinstellungen“ hat Classic nicht im Menü. Das Aussehen bestimmst du über die Basisfarben, deine Logos und das Feld „Benutzerdefiniertes CSS“. Du findest es unter „System“, „Einstellungen“, Gruppe „Kundenportal“. Es ist für Feinheiten gedacht, die eine Fachkraft für Webseiten einträgt. Deine Logos lädst du unter „System“, „Einstellungen“ hoch. Wie du sie vorbereitest, zeige ich dir im nächsten Video.

Kalender und Nach-oben-Knopf
Unter „Layout“, „Kalender und Nach-oben-Knopf“ stellst du die Farben der Buchungskalender ein. Der erste Kasten gilt für den Buchungskalender der Tagesbetreuung: Akzent, buchbare und ausgebuchte Tage, Sperrzeiten, Feiertage und Ferien. Beim Akzent steht der Haken „wie Primärfarbe“. Dann nimmt der Kalender automatisch die Primärfarbe aus den Basisfarben. Der zweite Kasten gilt genauso für den Pensionskalender. So sieht der Pensionskalender im Portal aus. Freie und ausgebuchte Tage erkennt dein Kunde an der Farbe. Der dritte Kasten ist der Nach-oben-Knopf. Du wählst Hintergrund, Symbol, Deckkraft, Form, Größe und den Abstand vom Rand. Der Knopf erscheint im Portal, sobald dein Kunde etwas nach unten scrollt. Ein Klick bringt ihn wieder nach oben. Jeder Kasten hat einen eigenen Knopf „Speichern“. „Zurücksetzen“ stellt alle Werte dieses Kastens auf die Grundeinstellung zurück.

Farbkodierung für den Belegungsplan
Die „Farbkodierung“ hat nichts mit dem Portal zu tun. Hier legst du die Farben der Balken im Belegungsplan von Pension und Tagesbetreuung fest. Für jede Tierart gibt es eine Tabelle. Oben steht das Geschlecht, links der Kastrationsstatus. Jedes Feld ist eine Farbe, hier zum Beispiel für einen intakten Rüden. So siehst du im Plan sofort, wo eine unkastrierte Hündin neben einem Rüden liegt. Zum Ändern klickst du auf das Farbfeld und dann auf „Farbkodierung speichern“. Mit „Belegungsplan Pension anzeigen“ prüfst du das Ergebnis. Im Belegungsplan hat jeder Balken die Farbe aus deiner Farbkodierung.

Zusammenfassung
Kurz gesagt: Die Basisfarben färben Portal, Kundenbereich und E-Mails. Kalender und Nach-oben-Knopf haben eigene Farben, die Farbkodierung gilt nur für den Belegungsplan. Im nächsten Video zeige ich dir, wie du Logo und Seitenbilder in der richtigen Größe vorbereitest.