Vorlage:Ic: Unterschied zwischen den Versionen

Aktuelle Version vom 11. Dezember 2023, 10:21 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 91: / Zeile 91: @@
 		{{ifeq: {{#var:style|}}|| style="{{#var:style}} clear: both;"}}
 	}}
-	><span class=inner-block><span class=inner-block__left>{{#if: {{{icon|}}} |{{#ifeq: {{{2|}}} | rechts | |<span
+	><span class="inner-block {{{class-inner-block|{{#ifeq:{{{2|}}}|ip-rechts|right}} }}}><span class=inner-block__left>{{#if: {{{icon|}}} |{{#ifeq: {{{2|}}} | rechts | |<span
 		class="icon {{{icon-span-class|}}}"
 		style="
@@ Zeile 99: / Zeile 99: @@
 		{{#if:{{{iconborder|}}} | border-right: {{{iconborder|}}} }}
 		"
-	>{{spc|{{{icon|}}}|o|-| class={{{icon-class|}}} }} </span>|}} }}<!--folgender span hatte mal class="pd5" --><span class=inner-block__right style="
+	>{{spc|{{#ifeq:{{{2|}}}|ip-rechts|/---&emsp;}}{{{icon|}}}|o|-| class={{{icon-class|}}} }} </span>|}} }}<!--folgender span hatte mal class="pd5" --><span class=inner-block__right style="
 		{{#ifeq: {{{w|"x"}}} | "x"
 			|
@@ Zeile 111: / Zeile 111: @@
 				| SUB
 				| UMA=<span class="dr-icon"></span>
-				| #default=<i class="{{{icon-r|fas fa-caret-down}}} middle right ml-2 pd4"></i><!--
+				| #default=<i class="{{{icon-r|fas fa-caret-down}}} middle right ml-2"></i><!--
 				  	[[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>
-			| dro=<span class="dro"><i class="far fa-angle-down"></i></span>
+			| dro=<i class="far fa-angle-down middle right ml-2 pd4"></i>
 			| c
 			| counter={{#switch: {{{ Anw | {{Anw}} }}}
@@ Zeile 147: / Zeile 147: @@
 			 		[[Datei:Counter.png|10px|Link=]] alte Version -->
 				}}
+			| ip-rechts=<span style="
+				display:			inline-block;
+				width:				x;
+				text-align: 		center;
+				color:				{{ Farbe |  {{{iconc|grey-l}}} }}
+				border-left: 		{{{iconborder|1px solid  rgba(0, 0, 0, 0.125)}}};
+				background-color:	{{Farbe | hgrau }}
+				padding: 			1px;
+				float:				right;
+			">{{spc|{{{icon|/---&emsp;}}}|o|-|{{#if:{{{icon-class}}}|class={{{icon-class}}}}}| {{#if:{{{icon|}}}|w=30px}}}}</span>
 			| rechts=<span style="
 				display:			inline-block;