KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 16: | Zeile 16: | ||
|- | |- | ||
|class=fa''x'' fa-''icon-class'' || beliebige fontawesome-Klasse <br>erfordert: als 1. Parameter: fa | |class=fa''x'' fa-''icon-class'' || beliebige fontawesome-Klasse <br>erfordert: als 1. Parameter: fa | ||
|- | |||
| sp-class= || Klasse für den gesamten spc-Span z.B: <nowiki>{{spc|Anzeigetext|o|-|sp-class=bc__gelb}}</nowiki>→{{spc|Anzeigetext|o|-|sp-class=bc__gelb}} | |||
|} | |} | ||
---- | ---- | ||
Zeile 150: | Zeile 152: | ||
<div class="flexelement items_n">{{hover2 | {{spc | interface |o|-}} | "interface"}} </div> | <div class="flexelement items_n">{{hover2 | {{spc | interface |o|-}} | "interface"}} </div> | ||
<div class="flexelement items_n">{{hover2 | {{spc | internet |o|-}} | "internet, world"}} </div> | <div class="flexelement items_n">{{hover2 | {{spc | internet |o|-}} | "internet, world"}} </div> | ||
<div class="flexelement items_n">{{hover2 | {{spc | udp |o|-}} | "udp"}} </div> | <div class="flexelement items_n">{{hover2 | {{spc | udp |o|-}} | "udp"}} </div> | ||
<div class="flexelement items_n">{{hover2 | {{spc | icmp |o|-}} | "icmp"}} </div> | <div class="flexelement items_n">{{hover2 | {{spc | icmp |o|-}} | "icmp"}} </div> | ||
Zeile 157: | Zeile 158: | ||
<div class="flexelement items_n">{{hover2 | {{spc | dienste |o|-}} | "dienste, service-group"}} </div> | <div class="flexelement items_n">{{hover2 | {{spc | dienste |o|-}} | "dienste, service-group"}} </div> | ||
<div class="flexelement items_n">{{hover2 | {{spc | net |o|-}} | "net"}} </div> | <div class="flexelement items_n">{{hover2 | {{spc | net |o|-}} | "net"}} </div> | ||
<div class="flexelement items_n">{{hover2 | {{spc | ugrp|o|-}} | "ugrp, ipgroup, ipsetgroup"}} </div><!--<div class="flexelement items_n">{{hover2 | {{spc | |o|-}} | ""}} </div> | <div class="flexelement items_n">{{hover2 | {{spc | vpn-network |o|-}} | "vpn-network"}} </div> | ||
<div class="flexelement items_n">{{hover2 | {{spc | host |o|-}} | "host"}} </div> | |||
<div class="flexelement items_n">{{hover2 | {{spc | vpn-host |o|-}} | "vpn-host"}} </div> | |||
<div class="flexelement items_n">{{hover2 | {{spc | ugrp|o|-}} | "ugrp, ipgroup, ipsetgroup"}} </div> | |||
<div class="flexelement items_n">{{hover2 | {{spc | drag |o|-}} | "drag, dragndrop"}} </div> | |||
<!-- | |||
<div class="flexelement items_n">{{hover2 | {{spc | |o|-}} | ""}} </div> | |||
<div class="flexelement items_n">{{hover2 | {{spc | |o|-}} | ""}} </div>--> | <div class="flexelement items_n">{{hover2 | {{spc | |o|-}} | ""}} </div>--> | ||
</div> | </div> |
Version vom 26. März 2021, 08:48 Uhr
3. Parameter: | Funktion |
---|---|
x | Icon ohne Standard-Text, w=x |
- | Icon ohne Standard-Text, Breite kann angegeben werden mit w= |
Optionale Parameter | Funktion |
class=fas | solid (=bold) |
class=far | regular |
class=fal | light |
class=fax fa-icon-class | beliebige fontawesome-Klasse erfordert: als 1. Parameter: fa |
sp-class= | Klasse für den gesamten spc-Span z.B: {{spc|Anzeigetext|o|-|sp-class=bc__gelb}}→Anzeigetext |
{{ spc | 1. Parameter: Icon-Kürzel |2. Parameter: Verwendung(s.o.) | 3.Parameter: Alternativer Anzeige-Text oder nur Icon: x bzw. - = ohne Text. | Optionale Parameter}}
Anzeige | Verwendung | Optionale Parameter | default |
---|---|---|---|
m oder Menü | c=Schrift-Farbe (Angabe ohne ;) bdc=Rand-Farbe w=100px Breite (width) fs=Font-Size |
white border: 0; → (border: 1px solid color;) 100px (falls nur ein Icon angezeigt wird: 17px) 1em | |
k oder Kontext | c=Schrift-Farbe (Angabe ohne ;) w=100px Breite (width) fs=Font-Size |
white 100px (falls nur ein Icon angezeigt wird: 17px) 1em | |
Eintrag Liste | e oder Eintrag | c=Schrift-Farbe (Angabe ohne ;) bdc=Linien-Farbe w=100px Breite (width) w=0 => dynamisch mr=10px Abstand margin right pv=0px padding vertical (top+bottom) ph=0px padding horizontal (left+right) fs=Font-Size |
rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.75) 100px (falls nur ein Icon angezeigt wird: 17px) 0px 0px 0px 1em |
ka oder Kasten | c=Schrift-Farbe (Angabe ohne ;) bdc=Rand-Farbe (Angabe ohne ;) bc=Backgound-Color fs=Font-Size |
Farbe rots Farbe: rotr white 1em | |
Ohne Kasten | o oder ohne | c=Schrift-Farbe (Angabe ohne ;) w=100px Breite (width) w=0 => dynamisch fs=Font-Size |
rgba(0, 0, 0, 0.75) 100px (falls nur ein Icon angezeigt wird: 17px) 1em |
Status | s, st oder Status | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color fs=Font-Size |
{{Farbe|grau-l}} {{Farbe|hgrau}} 1em |
Graue Schaltfläche | gr , grau | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color bdc=Rand-Farbe border-color bdr=Border-Radius fs=Font-Size |
white-l grey {{Farbe|hgrau}} 5px 1em |
Default | b , Button oder default ohne Parameter |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color bdc=Rand-Farbe border-color bdr=Border-Radius fs=Font-Size w=width |
white-l rot rotr 2px 1em nicht mit »x« als 3. Parameter ! |
c, circle | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grün | |
cb, circle-big | c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
rot white-l | |
buttong | buttong buttony bg |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l gelb |
buttongr | buttongr bgr |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grün |
buttongrey | buttongrey buttongrau bgrau |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grau |
buttonuma | buttonuma bu bb |
c=Schrift-Farbe (Angabe ohne ;) bc=Hintergrund-Farbe background-color |
white-l grau |
-