Änderungen von Dokument Beispiele für Anpassungen bei Erscheinungsbild / CSS

Zusammenfassung

• Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Dokument-Autor

...	...	@@ -1,1 +1,1 @@
1		-XWiki.sas
	1	+XWiki.rpe

Inhalt

...	...	@@ -11,6 +11,7 @@
11	11	** [[Verwenden einer Mandant- oder Formularressource>>path:#HVerwendeneinerMandant-oderFormularressource]]
12	12	** [[Einfügen als Base64-String>>path:#HEinfFCgenalsBase64-String]]
13	13	* [[Anpassungen des Schriftbildes>>path:#HAnpassungendesSchriftbildes]]
	14	+* [[Hinzufügen einer eigenen Schriftart>>path:#HAnpassungendesSchriftbildes]]
14	14	* [[Anpassen des Favicons>>path:#HAnpassendesFavicons]]
15	15	* [[Anpassung Abstand Fieldset nach oben>>path:#HAnpassungAbstandFieldsetnachoben]]
16	16	* [[Anpassung Hintergrundfarbe Fieldset>>path:#HAnpassungHintergrundfarbeFieldset]]
...	...	@@ -109,9 +109,33 @@
109	109	)))
110	110	)))
111	111
112		-== Anpassen des Favicons ==
	113	+== Hinzufügen einer eigenen Schriftart ==
113	113
	115	+Um eine neue Schriftart hinzuzufügen, muss sie unter //Mehr// > //Dateien// im Format woff, woff2 und ttf hochgeladen werden.
	116	+Anschließend kann die Schriftart wie folgt im CSS-Code eines Formulars eingebunden und verwendet werden:
	117	+Bitte beachten Sie, dass die URL's zu den Schriftarten angepasst werden müssen. Diese können Sie beim Hochladen einer Schriftart in den Dateien einsehen.
114	114
	119	+(% class="box" %)
	120	+(((
	121	+(% class="code" %)
	122	+(((
	123	+@(% style="font-weight: bold; color: #0000FF;" %)font-face(%%) {
	124	+ (% style="font-weight: bold; color: #008000;" %)font-family(%%): (% style="color: #666666;" %)'myfont'(%%);
	125	+ (% style="font-weight: bold; color: #008000;" %)src(%%): (% style="color: #666666;" %)url('?pid=8104&name=Roboto-Regular.woff2') format('woff2')(%%);
	126	+ (% style="color: #666666;" %)url('?pid=8104&name=Roboto-Regular.woff') format('woff')(%%);
	127	+ (% style="color: #666666;" %)url('?pid=8104&name=Roboto-Regular.ttf') format('ttf')(%%);
	128	+ (% style="font-weight: bold; color: #008000;" %)font-weight(%%): (% style="font-weight: bold; color: #008000;" %)normal(%%);
	129	+ (% style="font-weight: bold; color: #008000;" %)font-style(%%): (% style="font-weight: bold; color: #008000;" %)normal(%%);
	130	+}
	131	+
	132	+.(% style="font-weight: bold; color: #0000FF;" %)XHeader(%%) {
	133	+ (% style="font-weight: bold; color: #008000;" %)font-family(%%): (% style="color: #666666;" %)'myfont'(%%);
	134	+}
	135	+)))
	136	+)))
	137	+
	138	+== Anpassen des Favicons ==
	139	+
115	115	(% class="xm-figure xm-float-right xm-clear-h2" data-alt="Im im Metabereich kann der Link auf ein anderes Favicon definiert werden." %)
116	116	(((
117	117	(% class="xm-figure-inner" style="width:310px" %)
...	...	@@ -199,3 +199,5 @@
199	199	)))
200	200	)))
201	201
	227	+
	228	+