Vorlage:Ic: Unterschied zwischen den Versionen

Version vom 8. März 2022, 07:59 Uhr

Syntax: {{ ic | Input-Cloud | Optionale Parameter }}

2. Parameter	Default	Darstellung
\| dr als 2. Parameter	w=161px dropdown	Input-Cloud
\| dr \| Anw=UMA als 2. Parameter	w=161px dropdown	Input-Cloud
\| c als 2. Parameter	w=161px counter	Input-Cloud
\| c als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=81px	Input-UTM
\| rechts	links	stellt ein Icon auf der Rechten Seite dar
\| tr als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-odd als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-even als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-head als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| cb \| Anw=UMA als 2. oder 3. Parameter	zusätzlich als Inhalt: {{cb\|https}} clickbox	»https
2. oder weitere Parameter	Default	Darstellung
\| Anw=	ohne	Formatiert die Anzeige, wie mit Aufruf von Anw-Seite aus
\| Anw=UTM		Eingabfeld UTM
\| Anw=UMA		Eingabfeld UMA
\| Anw=MS		Eingabfeld UMA
\| w=	w=170px width:	Input-Cloud
\| fw=	fw=normal font-weight	light, lighter, normal, bold, bolder
\| icon=	Optional {{ spc \| Eingabefeld \| c \| icon=clock \| fw=bold }}	Eingabefeld
\| icon= \| Anw=MS	Optional {{ spc \| Eingabefeld \| c \| icon=clock \| fw=bold }}	Eingabefeld
\| iconw=	20px	Breite des Iconfeldes
\| iconc=	grey-l	Farbe des Icons
\| icon-class=	Übergibt den Parameter als class=xyz an {{spc\|}} fas=solid (entspr. bold), far=regular, fal=light Um ein beliebiges fontawesome-Icon zu verwenden muss als Paramater zusätzlich icon=fa verwendet werden.
\| lh=	Optional line-height	lh=40px verändert die Zeilenhöhe außerhalb* der Box*
\| pd=	pd=3px	ändert die Höhe der Box: Input-Cloud pd=10px
\| c= Color	grey-l
\| bdc= Border-Color	rgba(0, 0, 0, 0.125)
\| bc= background-color	rgba(0, 0, 0, 0.01)

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten].
Liste der Unterseiten.

@@ Zeile 86: / Zeile 86: @@
 		class="icon"
 		style="
-		{{#if: {{{iconw|}}}  | width: {{{iconw|}}}; display: inline-block;}}
+		{{#if: {{{iconw|}}}  	| width: {{{iconw|}}}; display: inline-block;}}
-		{{#if: {{{iconc|}}}  | color: {{Farbe| {{{iconc|}}} }} }}
+		{{#if: {{{iconc|}}} 	| color: {{Farbe| {{{iconc|}}} }} }}
-		{{#if: {{{iconbc|}}} | background-color: {{Farbe | {{{iconbc|}}} }} }}
+		{{#if: {{{iconbc|}}}	| background-color: {{Farbe | {{{iconbc|}}} }} }}
+		{{#if:{{{iconborder|}}} | border-right: {{{iconborder|}}} }}
 		"
 	>{{spc|{{{icon|}}}|o|-| class={{{icon-class|}}} }} </span>&nbsp; |}} }}<!--folgender span hatte mal class="pd5" --><span style="
@@ Zeile 102: / Zeile 103: @@
 				| SUB
 				| UMA=<span class="dr-icon"></span>
-				| #default=<i class="{{{icon-r|fas fa-caret-down}}} middle right ml-2"></i> <!--
+				| #default=<span class="inline-block middle"><i class="{{{icon-r|fas fa-caret-down}}} middle right ml-2"></i></span> <!--
 				  	[[Datei:Pfeil_Dropdown.png|x5px|Link=]] --> }}
 			| dr-b=<span class="dr-b"><i style="margin-left: 2px;" class="fas fa-angle-down right"></i></span>
@@ Zeile 143: / Zeile 144: @@
 				text-align: 		center;
 				color:				{{ Farbe | {{{iconc|grey-l}}} }}
-				border-left: 		1px solid  rgba(0, 0, 0, 0.125);
+				border-left: 		{{{iconborder|1px solid  rgba(0, 0, 0, 0.125);}}}
 				background-color:	{{Farbe | {{{iconbc|white}}} }}
 				padding: 			1px;