| ... |
... |
@@ -10,24
+10,24 @@ |
| 10 |
10 |
|
| 11 |
11 |
Eine Liste von speziellen Selektoren innerhalb von {{formcycle case="dat"/}} findet sich unter [[Selektoren>>doc:Formcycle.FormDesigner.CodingPanel.Selector]]. |
| 12 |
12 |
|
| 13 |
|
-== Hilfeseiten und Tutorials zu jQuery == |
|
13 |
+== Hilfeseiten und Tutorials zu CSS == |
| 14 |
14 |
|
| 15 |
15 |
=== CSS-Selektoren === |
| 16 |
16 |
|
| 17 |
|
-* [[https:~~/~~/wiki.selfhtml.org/wiki/CSS/Selektoren>>https://wiki.selfhtml.org/wiki/CSS/Selektoren]] |
| 18 |
|
-* [[http://css-selektoren.mozork.de/]] |
|
17 |
+* [[https://wiki.selfhtml.org/wiki/CSS/Selektoren>>https://wiki.selfhtml.org/wiki/CSS/Selektoren||target="_blank"]] |
|
18 |
+* [[http://css-selektoren.mozork.de/||target="_blank"]] |
| 19 |
19 |
|
| 20 |
20 |
=== CSS-Eigenschaften === |
| 21 |
21 |
|
| 22 |
|
-* https://wiki.selfhtml.org/wiki/CSS/Eigenschaften |
| 23 |
|
-* http://www.mediaevent.de/css/tabelle-csseigenschaften.html |
|
22 |
+* [[https://wiki.selfhtml.org/wiki/CSS/Eigenschaften||target="_blank"]] |
|
23 |
+* [[http://www.mediaevent.de/css/tabelle-csseigenschaften.html||target="_blank"]] |
| 24 |
24 |
|
| 25 |
25 |
== Beispiele == |
| 26 |
26 |
|
| 27 |
|
-Hier werden Standardwerte für das Formular gesetzt. In dem für das Formular eine Schriftgröße in Pixel gesetzt wird, können für alle anderen Elemente die CSS-Einheiten //em //bzw. //rem// verwendet werden. Wird später die Schriftgröße des Formulars geändert, ändern sich alle anderen Schriftgrößen proportional. |
|
27 |
+Hier werden Standardwerte für das Formular gesetzt. In dem für das Formular eine Schriftgröße in Pixel gesetzt wird, können für alle anderen Elemente die CSS-Einheiten //em //verwendet werden. Wird später die Schriftgröße des Formulars geändert, ändern sich alle anderen Schriftgrößen proportional. |
| 28 |
28 |
|
| 29 |
29 |
{{code language="CSS"}} |
| 30 |
|
-FORM.xm-form { /* Selektiert das gesamte Formular |
|
30 |
+FORM.xm-form { /* Selektiert das gesamte Formular */ |
| 31 |
31 |
font-size: 16px; /* Setzt die Basisschriftgröße. */ |
| 32 |
32 |
color: #111; /* Setzt die Default-Schriftfarbe. */ |
| 33 |
33 |
font-family: Arial; /* Setzt die Default-Schriftart. */ |
| ... |
... |
@@ -38,7
+38,7 @@ |
| 38 |
38 |
Hiermit werden alle Texten mit der Klasse //hoherText// groß dargestellt. Die Klasse kann im {{designer case="dat"/}} rechts unter [[CSS Klassen>>doc:Formcycle.FormDesigner.ElementProperties.CSSClasses]] Elementen gegeben werden. |
| 39 |
39 |
|
| 40 |
40 |
{{code language="CSS"}} |
| 41 |
|
-.hoherText .XTextField { /* Selektiert alle Texte mit der Klasse hoherText |
|
41 |
+.hoherText .XTextField { /* Selektiert alle Texte mit der Klasse hoherText */ |
| 42 |
42 |
height: 60px; /* Setzt die Höhe des Feldes auf 60 Pixel */ |
| 43 |
43 |
font-size: 40px; /* Setzt die Schriftgröße auf 40 Pixel. */ |
| 44 |
44 |
font-weight: bold; /* Macht den Text fett. */ |