Wechseln zu:Navigation, Suche
Wiki

Vorlage:Ic: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(4 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 4: Zeile 4:
| MS
| MS
| SPDyn
| SPDyn
| #default={{#if:{{{b|}}}|<span class="ic-beschriftung">{{{b}}}</span><br>}}<span {{#if: {{{va|}}} | style="vertical-align: {{{va|}}};"}}><span class="MS ic-eingabe font-color__grau-l {{{class|}}} {{#ifeq:{{{2|}}}|cb|ic-eingabe--cb}}{{#ifeq:{{{3|}}}|cb|ic-eingabe--cb}} {{#ifeq: {{{2|}}} | rechts |ic-eingabe--icon--rechts}} {{#if:{{{icon|}}}| ic-eingabe--icon}}"
| #default={{#if:{{{b|}}}|<span class="ic-beschriftung">{{{b}}}</span><br>}}<span {{#if: {{{va|}}} | style="vertical-align: {{{va|}}};"}}><span  
class="
MS ic-eingabe {{{fc|font-color__grau-l}}} {{{class|}}}  
{{#ifeq:{{{2|}}}|cb|ic-eingabe--cb}}
{{#ifeq:{{{3|}}}|cb|ic-eingabe--cb}}  
{{#ifeq:{{{2|}}} | rechts |ic-eingabe--icon--rechts}}  
{{#if:{{{icon|}}}| ic-eingabe--icon}}
"
{{#vardefine:style|
{{#vardefine:style|
{{#if: {{{bc|}}}  | background-color: {{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
{{#if: {{{bc|}}}  | background-color: {{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
Zeile 13: Zeile 20:
{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
}}
}}
{{ifeq: {{#var:style|}}|| style="{{#var:style}} clear: both;"}}
{{#if: {{#var:style|}}| style="{{#var:style}} clear: both;"}}
| UMA={{#if:{{{b|}}}|<span class="ic-beschriftung {{{b-class|}}}">{{{b}}}</span><br>}}<span {{#if: {{{va|}}} | style="vertical-align: {{{va|}}};"}}><span  
| UMA={{#if:{{{b|}}}|<span class="ic-beschriftung {{{b-class|}}}">{{{b}}}</span><br>}}<span {{#if: {{{va|}}} | style="vertical-align: {{{va|}}};"}}><span  
class="
class="
Zeile 68: Zeile 75:
{{{ Anw | {{{v | {{Anw}} }}} }}} ic-eingabe  
{{{ Anw | {{{v | {{Anw}} }}} }}} ic-eingabe  
font-color__grau-l  
font-color__grau-l  
{{#ifeq: {{{2|}}} | dro   | |bc__white}}
{{#ifeq: {{{2|}}} | dro | |{{{bc|bc__white}}} }}
{{#ifeq: {{{2|}}} | rechts |ic-eingabe--icon--rechts| {{{2|}}}}} {{#if:{{{iconx|}}}| ic-eingabe--icon}}
{{#ifeq: {{{2|}}} | rechts |ic-eingabe--icon--rechts| {{{2|}}}}} {{#if:{{{iconx|}}}| ic-eingabe--icon}}
{{#ifeq: {{#sub:{{{2|}}} | 0 | 2 }}| tr | {{{2|}}} }}
{{#ifeq: {{#sub:{{{2|}}} | 0 | 2 }}| tr | {{{2|}}} }}
{{#if: {{{icon|}}} | pdl0 }}
{{{3|}}} {{{class|}}}
{{{3|}}} {{{class|}}}
"
"
Zeile 83: Zeile 91:
{{ifeq: {{#var:style|}}|| style="{{#var:style}} clear: both;"}}
{{ifeq: {{#var:style|}}|| style="{{#var:style}} clear: both;"}}
}}
}}
>{{#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"
class="icon {{{icon-span-class|}}}"
style="
style="
{{#if: {{{iconw|}}}  | width: {{{iconw|}}}; display: inline-block;}}
{{#if: {{{iconw|}}}  | width: {{{iconw|}}}; display: inline-block;}}
Zeile 91: Zeile 99:
{{#if:{{{iconborder|}}} | border-right: {{{iconborder|}}} }}
{{#if:{{{iconborder|}}} | border-right: {{{iconborder|}}} }}
"
"
>{{spc|{{{icon|}}}|o|-| class={{{icon-class|}}} }} </span>&nbsp; |}} }}<!--folgender span hatte mal class="pd5" --><span 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"  
{{#ifeq: {{{w|"x"}}} | "x"  
|  
|  
Zeile 97: Zeile 105:
width: calc( {{{ w | {{isutm | 90px | 170px | {{{Anw|}}} }} }}} - {{#if: {{{2|}}} |calc( 1em + 3px )|0px}} );
width: calc( {{{ w | {{isutm | 90px | 170px | {{{Anw|}}} }} }}} - {{#if: {{{2|}}} |calc( 1em + 3px )|0px}} );
}}"
}}"
>{{#ifeq:{{{1| }}}| |&emsp;&emsp;&emsp;|{{{1}}} }}</span>{{#switch: {{lc: {{{2|}}} }}
>{{#ifeq:{{{1| }}}| |&emsp;&emsp;&emsp;|{{{1}}} }}</span></span>{{#switch: {{lc: {{{2|}}} }}
| icon-r
| icon-r
| dr
| dr
Zeile 103: Zeile 111:
| SUB
| SUB
| UMA=<span class="dr-icon"></span>
| 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=]] --> }}
  [[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>
| 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 pd4"></i><!-- ml-2 -->
| c
| c
| counter={{#switch: {{{ Anw | {{Anw}} }}}
| counter={{#switch: {{{ Anw | {{Anw}} }}}
Zeile 118: Zeile 126:
"><span style="
"><span style="
font-size: {{{fs|11px}}};  
font-size: {{{fs|1em}}}; /*{{{fs|11px}}};*/
color: white;
color: white;
display: inline-flex;
display: inline-flex;
Zeile 124: Zeile 132:
position: relative;  
position: relative;  
top: -5px;
top: -5px;
left: 5px;
/*left: 2px; 5px;
margin-left: 0px;
margin-left: 0px;
margin-right: 2px;
margin-right: 2px;*/
">{{spc|fa|o|-|class=fas fa-angle-up}}<span style="
">{{spc|fa|o|-|class=fas fa-angle-up}}<span style="
position: relative;  
position: relative;  
left: -7px;  
left: -17px; /*-7px;*/
top: 7px;  
top: 7px;  
font-size: {{{fs|11px}}};
font-size: {{{fs|1em}}}; /*{{{fs|11px}}};*/
">{{spc|fa|o|-|class=fas fa-angle-down}}</span></span></span>
">{{spc|fa|o|-|class=fas fa-angle-down}}</span></span></span>
| U
| U
Zeile 139: Zeile 147:
[[Datei:Counter.png|10px|Link=]] alte Version -->
[[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="
| rechts=<span style="
display: inline-block;  
display: inline-block;  
width: {{{iconw|20px}}};  
width: {{{iconw|30px}}};  
text-align: center;  
text-align: center;  
color: {{ Farbe | {{{iconc|grey-l}}} }}  
color: {{ Farbe | {{{iconc|grey-l}}} }}  
border-left: {{{iconborder|1px solid  rgba(0, 0, 0, 0.125);}}}
border-left: {{{iconborder|1px solid  rgba(0, 0, 0, 0.125)}}};
background-color: {{Farbe | {{{iconbc|white}}} }}  
background-color: {{Farbe | {{{iconbc|white;}}} }}  
padding: 1px;
padding: 1px;
float: right;
float: right;
">{{spc|{{{icon|}}}|o|-|{{#if:{{{icon-class}}}|class={{{icon-class}}}}}| {{#if:{{{icon|}}}|w=30px}}}}</span>
">{{spc|{{{icon|}}}|o|-|{{#if:{{{icon-class}}}|class={{{icon-class}}}}}| {{#if:{{{icon|}}}|w=30px}}}}</span>
}}</span></span><noinclude>
}}</span></span></span><noinclude>
{{Dokumentation}}
{{Dokumentation}}
</noinclude>
</noinclude>

Aktuelle Version vom 10. Juli 2024, 16:03 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-CloudLink=
| c
als 2. Parameter
Bei Aufruf von einer UTM-Seite aus		 w=81px Input-UTMLink=
| 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 }} EingabefeldLink=
| icon= | Anw=MS Optional {{ spc | Eingabefeld | c | icon=clock | fw=bold }} EingabefeldLink=
| 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)
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Ic&oldid=92336“