infobox:start
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
infobox:start [2022/10/28 15:12] – sduesel | infobox:start [2022/11/02 13:28] – [Benutzerdefinierte Logos in FN2AUTH (Login-Seite und Anwendungs-Auswahl)] christoph | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== Benutzerdefinierte | + | ====== Benutzerdefinierte Einstellungen für Logos und Infobox in FN2Web ====== |
===== Einstellungen für die Darstellung der Infobox ===== | ===== Einstellungen für die Darstellung der Infobox ===== | ||
Zeile 33: | Zeile 33: | ||
===== Benutzerdefinierte Logos ===== | ===== Benutzerdefinierte Logos ===== | ||
==== Benutzerdefinierte Logos in FN2LM, FN2PA und FN2Mod ==== | ==== Benutzerdefinierte Logos in FN2LM, FN2PA und FN2Mod ==== | ||
+ | In den Web-Anwendungen FN2LM, FN2PA und FN2Mod besteht kann das Standard FlexNow-Logo durch eigene Logos ersezt werden. | ||
+ | |||
{{: | {{: | ||
+ | === Vorgehensweise === | ||
+ | Zunächst muss die Bild-Datei mit dem Logo in den Ordner **/ | ||
+ | |||
+ | Es sollte darauf geachtet werden, dass das Logo eine maximale Breite von **560 Pixeln** und eine maximale Höhe von **80 Pixeln** hat. Standardmäßig wird das Logo skalliert um in den vogegeben Bereich zu passen (siehe markierung im Bild). Das Logo wird zudem linksbündig ausgerichtet. | ||
+ | |||
+ | Im nächsten Schritt muss die CSS-Datei **/ | ||
+ | |||
+ | <code css> | ||
+ | #uniLogoTop { | ||
+ | | ||
+ | |||
+ | /* Deaktivierung der Skallierung des Bildes (optional) */ | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Weitere Anpassungen sollten nur mit entsprechenden CSS-Kentnissen vorgenommen werden. | ||
+ | |||
+ | ==== Benutzerdefinierte Logos in FN2AUTH (Login-Seite und Anwendungs-Auswahl) ==== | ||
+ | In FN2AUTH kann das Standard FlexNow-Logo durch ein eigenes Logo ersetzt werden. Zudem kann optional noch ein zusätliches Logo auf der linken Bildschirm-Seite angezeigt werden. | ||
+ | |||
+ | {{: | ||
+ | |||
+ | === Anpassung des Standard-Logos === | ||
+ | <WRAP center round important 60%> | ||
+ | Die CSS-Einstellungen gelten ab Version **[[releasenotes: | ||
+ | </ | ||
+ | Zunächst muss die Bild-Datei mit dem Logo in den Ordner **/ | ||
+ | |||
+ | Es sollte darauf geachtet werden, dass das Logo eine maximale Breite von **220Pixeln** und eine maximale Höhe von **60 Pixeln** hat. Standardmäßig wird das Logo skalliert um in den vogegeben Bereich zu passen (siehe markierung im Bild). Das Logo wird zudem linksbündig ausgerichtet. | ||
+ | |||
+ | Im nächsten Schritt muss die CSS-Datei **/ | ||
+ | |||
+ | <code css> | ||
+ | .header .logo-uni { | ||
+ | | ||
+ | |||
+ | /* Deaktivierung der Skallierung des Bildes (optional) */ | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Weitere Anpassungen sollten nur mit entsprechenden CSS-Kentnissen vorgenommen werden. | ||
+ | |||
+ | |||
+ | === Hinzufügen eines zusätlichen Logos an der linken Bildschirm-Seite === | ||
+ | Zunächst muss die Bild-Datei mit dem Logo in den Ordner **/ | ||
+ | |||
+ | Es sollte darauf geachtet werden, dass das Logo eine maximale Breite von **255Pixeln** hat. Für die Höhe gibt es hier keine Einschränkung seitens FN2Web. Standardmäßig wird das Logo skalliert um in den vogegeben Bereich zu passen (siehe markierung im Bild). Das Logo wird zudem mittig und am Boden des umschließenden HTML-Elements ausgerichtet. | ||
+ | |||
+ | Im nächsten Schritt muss die CSS-Datei **/ | ||
+ | <code css> | ||
+ | # | ||
+ | | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | Weitere Anpassungen sollten nur mit entsprechenden CSS-Kentnissen vorgenommen werden. |
infobox/start.txt · Zuletzt geändert: 2022/11/11 12:58 von sduesel