Wechseln zu:Navigation, Suche
Wiki

Vorlage:Spc/Doku: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
K (Textersetzung - „sptable2 spezial“ durch „sptable2 Paketfilter“)
 
(6 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<templatestyles src="Vorlage:Gallery.css" /><br clear=all>
<templatestyles src="Vorlage:Gallery.css" /><templatestyles src="Vorlage:Styles.css" /><br clear=all>{{TOC2}}
{| class="wikitable"
 
! 3. Parameter: !! Funktion
=== Parameter Übersicht ===
 
{| class="sptable2 pd5 Einrücken"
|- class="Leerzeile"
| colspan="3" |
====== 1. Parameter ======
|-
! Wert !! Funktion !! Beispiel
|-
| Schaltfläche || Anzeige-Text || <nowiki>{{spc|Schaltfläche}}</nowiki>={{spc|Schaltfläche}}
|-
| siehe Tabelle [[#Icon-Details | Icon-Details]] || Icon-Kürzel || <nowiki>{{spc|cog}}</nowiki>={{spc|cog}}
|-
| fa || ermöglicht mit class= eine beliebige fontAwesome-Klasse anzugeben ||
|- class="Leerzeile"
| colspan="3" |
====== 2. Parameter ======
|-
|-
| x || Icon ohne Standard-Text, w=x
| siehe [[#Formatierungs-Übersicht | Formatierungs-Übersicht]] || Layout der Anzeige || default=Button
|- class="Leerzeile"
| colspan="3" |
====== 3. Parameter ======
|-
|-
| - || Icon ohne Standard-Text, Breite kann angegeben werden mit w=
| x || Icon ohne Standard-Text, w=x || <nowiki>{{spc|cog|b|x}}</nowiki>={{spc|cog|b|x}}
|-
|-
! Optionale Parameter !! Funktion
| - || Icon ohne Standard-Text, Breite kann angegeben werden mit w= || <nowiki>{{spc|cog|b|-}}</nowiki>={{spc|cog|b|-}}
<!--
|-
|-
| class=fas || solid <small>(=bold)</small> {{spc|b|o|-|class=fas}}
| dr || Bei Bezeichnungen, die im MobSec-Portal als Dropdown-Menüs verwendet werden, kann ''dr'' einen Dropdown-Pfeil anzeigen. <br>Es wird der Default-Text, oder der Inhalt des 4. Parameters mit angezeigt. || <nowiki>{{spc|cog|dr|Dropdown}}</nowiki>={{spc|dr|b|Dropdown}}
-->
|- class="Leerzeile"
| colspan="3" | 
====== Optionale Parameter ======
|-
|-
| class=far || regular {{spc|b|o|-|class=far}}
| rowspan="3" | css= || css-Klasse, die auf das FontAwesome-Icon wirkt ||
|-
| Abhängig vom Icon gibt es jeweils einen default-Wert, der Überschrieben wird, sobald eine css-Klasse übergeben wird. || <nowiki>{{spc|b|o|-}}</nowiki> → {{spc|b|o|-}} <small>default=fal</small><br><nowiki>{{spc|b|o|-|class=fas}}</nowiki> → {{spc|b|o|-|class=fas}}
|-
| Soll z.B. die Hintergrundfarbe gesetzt werden, muss die Klaase ''fas / far / fal'' zusätzlich gesetzt werden!  || <nowiki>{{spc|b|o|-|class=fas bc__rot}}</nowiki> → {{spc|b|o|-|class=fas bc__rot}}
|-
| class=fas || solid <small>(=bold)</small> || <nowiki>{{spc|b|o|-|class=fas}}</nowiki> → {{spc|b|o|-|class=fas}}
|-
| class=far || regular || <nowiki>{{spc|b|o|-|class=far}}</nowiki> → {{spc|b|o|-|class=far}}
|-  
|-  
| class=fal || light {{spc|b|o|-|class=fal}}
| class=fal || light || <nowiki>{{spc|b|o|-|class=fal}}</nowiki> → {{spc|b|o|-|class=fal}}
|-
|-
|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 || <nowiki>{{spc|fa|o|-|class=fab fa-linux}}</nowiki> → {{spc|fa|o|-|class=fab fa-linux}}
|-
| sp-class= || Klasse für den gesamten spc-Span || <nowiki>{{spc|Anzeigetext|o|-|sp-class=bc__gelb}}</nowiki>→{{spc|Anzeigetext|o|-|sp-class=bc__gelb}}
|-
| | | icon-c= || Farbe des Icons → font-color__''icon-c'' || <nowiki>{{spc|b|o|icon-c=red}}</nowiki> → {{spc|b|o|icon-c=red}}
|-
| | |PIN=true || Zeigt Schloss-Icon an (Aktion erfordert PIN-Eingabe) || <nowiki>{{spc|vpn|b|PIN|PIN=true}}</nowiki> → {{spc|vpn|b|PIN|PIN=true}}
|}
|}
----
----
<nowiki>{{ spc | </nowiki> '''1. Parameter''': Icon-Kürzel |'''2. Parameter''': Verwendung(s.o.) | '''3.Parameter''': Alternativer Anzeige-Text oder nur Icon: '''x''' bzw. '''-''' = ohne Text. | '''Optionale Parameter'''<nowiki>}} </nowiki><br>
 
=== Icon-Übersicht ===
<div class="Einrücken">
<nowiki>{{ spc | </nowiki> '''1. Parameter''': Icon-Kürzel |'''2. Parameter''': Formatierung(s.u.) | '''3.Parameter''': Alternativer Anzeige-Text oder nur Icon: '''x''' bzw. '''-''' = ohne Text. | '''Optionale Parameter'''<nowiki>}} </nowiki><br>


<div class="flexbox" style="--me-width:25px;">
<div class="flexbox" style="--me-width:25px;">
<div class="flexelement items_n">{{hover2 | {{spc | m | o | - }} | "m, mobile, g, gerät" }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | m | o | - }} | "m, mobile, g, gerät" }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | md | o | - }} |"md, m-d, mobiled, mobile-d, gd, g-d" }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | md | o | - }} |"md, m-d, mobiled, mobile-d, gd, g-d" }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | t  | o | - }} |"t, tacho" }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | t  | o | - }} |"t, tacho" }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | schield | o |- }} | "shield, profile , p "}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | shield | o |- }} | "shield, profile , p "}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | a | o| - }} | "a, apps" }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | a | o| - }} | "a, apps" }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | vpn | o| -}} | "vpn," }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn | o| -}} | "vpn," }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | b |o|-}} | "b, benutzer" }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | b |o|-}} | "b, benutzer" }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | r |o|-}} | "r, gr, gruppe, gruppen, rolle, rollen" }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | r |o|-}} | "r, gr, gruppe, gruppen, rolle, rollen" }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | c |o|-}} | "c, certificate, z, zerifikat, zerifikate" }}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | c |o|-}} | "c, certificate, z, zertifikat, zertifikate" }}</div>
<div class="flexelement items_n">{{hover2 | {{spc | s |o|-}} | "s, stat, statisik, statistiken"}}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | s |o|-}} | "s, stat, statisik, statistiken"}}</div>
<div class="flexelement items_n">{{hover2 | {{spc | chart |o|-}} | "chart, chart-line"}}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | chart |o|-}} | "chart, chart-line"}}</div>
<div class="flexelement items_n">{{hover2 | {{spc | cp |o|-}} | "cp, chart-pie, torte"}}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | cp |o|-}} | "cp, chart-pie, torte"}}</div>
<div class="flexelement items_n">{{hover2 | {{spc | i |o|-}} | "i, info, k, konto"}}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | i |o|-}} | "i, info, k, konto"}}</div>
<div class="flexelement items_n">{{hover2 | {{spc | f |o|-}} | "f, ?, faq}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | f |o|-}} | "f, ?, faq}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | p |o|-}} | "p, play, tu, tutorials"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | play |o|-}} | "play, tu, tutorials"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | l |o|-}} | "l, log"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | l |o|-}} | "l, log"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | e |o|-}} | "e, external, re, reseller"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | e |o|-}} | "e, external, re, reseller"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | q |o|-}} | "q, quit, au, lo"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | q |o|-}} | "q, quit, au, lo"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | in |o|-}} | "in, anmelden, sign-in"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | in |o|-}} | "in, anmelden, sign-in"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | fi |o|-}} | "fi, filter"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | fi |o|-}} | "fi, filter"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | filterd |o|-}} | "filterd, filter-d"}}</div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | filterd |o|-}} | "filterd, filter-d"}}</div>
<div class="flexelement items_n">{{hover2 | {{spc | suche |o|-}} | "suche"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | suche |o|-}} | "suche"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | + |o|- }} | "+"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | + |o|- }} | "+"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | v |o|- }} | "v, pv, veröffentlichen "}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | v |o|- }} | "v, pv, veröffentlichen "}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | im |o|- }} | "im, u, upload, importieren"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | im |o|- }} | "im, u, upload, importieren"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | list |o|- }} | "list"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | list |o|- }} | "list"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | sync |o|- }} | "list"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | sync |o|- }} | "sync, renew"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | menu |o|-}} | "menu"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | menu |o|-}} | "menu"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | edit |o|-}} | "edit"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | edit |o|-}} | "edit"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | pencil |o|-}} | "pencil. stift"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | pencil |o|-}} | "pencil. stift"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ex |o|-}} | "ex, exportieren, d, download"}}  </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ex |o|-}} | "ex, exportieren, d, download"}}  </div>
<div class="flexelement items_n">{{hover2 | {{spc | dl-uma |o|-}} | "dl-uma, download-uma"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | dl-uma |o|-}} | "dl-uma, download-uma"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | w |o|-}} | "w, widerrufen, verboten, ban"}} </div>  
<div class="flexelement items_n mw2">{{hover2 | {{spc | w |o|-}} | "w, widerrufen, verboten, ban"}} </div>  
<div class="flexelement items_n">{{hover2 | {{spc | lö |o|-}} | "lö, löschen, mülleimer, trash"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | lö |o|-}} | "lö, löschen, mülleimer, trash"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | trash2 |o|-}} | "trash2, msat"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | trash2 |o|-}} | "trash2, msat"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ty |o|-}} | "ty, typ, file"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ty |o|-}} | "ty, typ, file"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | io |o|-}} | "io, info-outline"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | io |o|-}} | "io, info-outline"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | save |o|- }} | "save"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | save |o|- }} | "save"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | chip |o|- }} | "chip, bet, os, microchip"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | chip |o|- }} | "chip, bet, os, microchip"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | tag |o|-}} | "tag, tags"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | tag |o|-}} | "tag, tags"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | teile |o|-}} | "teile, te, pi, piece"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | teile |o|-}} | "teile, te, pi, piece"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | #s |o|-}} | "#s, #i,  #"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | #s |o|-}} | "#s, #i,  #"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ei |o|-}} | "ei, adress-card, eigentümer "}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ei |o|-}} | "ei, adress-card, eigentümer "}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ph |o|-}} | "ph, te, tel, phone"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ph |o|-}} | "ph, te, tel, phone"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | sta |o|-}} | "sta, cart, sc, shopping-cart"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | sta |o|-}} | "sta, cart, sc, shopping-cart"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | kontakt |o|-}} | "kontakt, cl, clock"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | kontakt |o|-}} | "kontakt, cl, clock"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ein |o|-}} | "ein, einl, env, envelope"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ein |o|-}} | "ein, einl, env, envelope"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | auge |o|-}} | "auge, eye"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | auge |o|-}} | "auge, eye"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | android |o|-}} | "android, an"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | android |o|-}} | "android, an"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ios |o|-}} | "ios, apple"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ios |o|-}} | "ios, apple"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | bat |o|-}} | "bat, batteriestatus, battery"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | bat |o|-}} | "bat, batteriestatus, battery"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | speicher |o|-}} | "speicher, speicherkapazität, hdd"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | speicher |o|-}} | "speicher, speicherkapazität, hdd"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | her |o|-}} | "her, hersteller, building"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | her |o|-}} | "her, hersteller, building"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | agent |o|-}} | "agent, cb, code-branch"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | agent |o|-}} | "agent, cb, code-branch"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | bl |o|-}} | "bl, bt, bluetooth"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | bl |o|-}} | "bl, bt, bluetooth"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | wlan |o|-}} | "wlan, wifi"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | wlan |o|-}} | "wlan, wifi"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | roaming |o|-}} | "roaming, globus, globe"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | roaming |o|-}} | "roaming, globus, globe"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | gekauft |o|-}} | "gekauft, geld, money-bill"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | gekauft |o|-}} | "gekauft, geld, money-bill"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | schild |o|-}} | "schild, garantie, shield"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | schild |o|-}} | "schild, garantie, shield"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | link |o|-}} | "link, ext"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | link |o|-}} | "link, ext"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | netz |o|-}} | "netz, nb, netzbetreiber, server"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | netz |o|-}} | "netz, nb, netzbetreiber, server"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | wr |o|-}} | "wr, werkzeug, wrench"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | wr |o|-}} | "wr, werkzeug, wrench"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | com |o|-}} | "com, comment, nachricht"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | com |o|-}} | "com, comment, nachricht"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | da |o|-}} | "da, bal, balance-scale"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | da |o|-}} | "da, bal, balance-scale"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | del |o|-}} | "del, löschen, database"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | del |o|-}} | "del, löschen, database"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | sp |o|-}} | "sp, lo, lock"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | sp |o|-}} | "sp, lo, lock"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | vpn0 |o|-}} | "vpn0, locko, lock_open"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn0 |o|-}} | "vpn0, locko, lock_open"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | vpn1 |o|-}} | "vpn1, lockc, lock_closed"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn1 |o|-}} | "vpn1, lockc, lock_closed"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | spl |o|-}} | "spl, lma, lost"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | spl |o|-}} | "spl, lma, lost"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | elö |o|-}} | "elö, rubber, eraser"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | elö |o|-}} | "elö, rubber, eraser"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | logop |o|-}} | "logop, oplog, file-alt"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | logop |o|-}} | "logop, oplog, file-alt"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | links |o|-}} | "&#60;-, links, arrow-left"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | links |o|-}} | "&#60;-, links, arrow-left"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | rechts |o|-}} | "-&#62;, rechts, arrow-right"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | rechts |o|-}} | "-&#62;, rechts, arrow-right"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ta |o|-}} | "ta, tablet, tablet-alt"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ta |o|-}} | "ta, tablet, tablet-alt"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | lok |o|-}} | "lok, loc, map-marker-alt"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | lok |o|-}} | "lok, loc, map-marker-alt"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | rp |o|-}} | "rp, ring, phone-volume"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | rp |o|-}} | "rp, ring, phone-volume"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ch |o|-}} | "ch, check"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ch |o|-}} | "ch, check"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | meldungen |o|-}} | "meldungen, me, bell"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | meldungen |o|-}} | "meldungen, me, bell"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | bell-s |o|-}} | "bell-s, belld, bell-d"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | bell-s |o|-}} | "bell-s, belld, bell-d"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | mehr |o|-}} | "mehr, more, ellipsis"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | mehr |o|-}} | "mehr, more, ellipsis"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | install |o|-}} | "install, setting, cog"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | install |o|-}} | "install, setting, cog"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | cogs |o|-}} | "settings, configs, cogs"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | cogs |o|-}} | "settings, configs, cogs"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | cog2 |o|-}} | "settings-uma, cog2"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | cog2 |o|-}} | "settings-uma, cog2"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | neustarten |o|-}} | "neustarten, reboot, redo"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | cog3 |o|-}} | "cog3, Windows-Dienste"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | herunterfahren |o|-}} | "herunterfahren, aus,| poweroff"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | neustarten |o|-}} | "neustarten, reboot, redo"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | key |o|-}} | "key, passcode-del, del-passcode"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | herunterfahren |o|-}} | "herunterfahren, aus,| poweroff"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | !! |o|-}} | "!!"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | key |o|-}} | "key, passcode-del, del-passcode"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | signal |o|-}} | "signal, sig, anfragen"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | !! |o|-}} | "!!"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | bug |o|-}} | "bug, viren, virus"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | signal |o|-}} | "signal, sig, anfragen"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | typ |o|-}} | "typ, select-list"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | bug |o|-}} | "bug, viren, virus"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | dt |o|-}} | "dt, gav"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | typ |o|-}} | "typ, select-list"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | comments |o|-}} | "comments, kom, kommentar"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | dt |o|-}} | "dt, gav"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | ! |o|-}} | "!, !av, av!"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | comments |o|-}} | "comments, kom, kommentar"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | linksq |o|-}} | "linksq, share-square, sq"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ! |o|-}} | "!, !av, av!"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | share |o|-}} | "share, erneut, sh"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | linksq |o|-}} | "linksq, share-square, sq"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | exchange |o|-}} | "exchange, move, verschieben"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | share |o|-}} | "share, erneut, sh"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | cloud-upload |o|-}} | "cloud-upload, cu, konf"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | exchange |o|-}} | "exchange, move, verschieben"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | cloud-download |o|-}} | "cloud-download, cd"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | cloud-upload |o|-}} | "cloud-upload, cu, konf"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | eye-slash |o|-}} | "eye-slash, da, es"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | cloud-download |o|-}} | "cloud-download, cd"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | clone |o|-}} | "clone, üb, cl"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | eye-slash |o|-}} | "eye-slash, da, es"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | copy |o|-}} | "copy"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | clone |o|-}} | "clone, üb, cl"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | binoculars |o|-}} | "binoculars, al, aklog"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | copy |o|-}} | "copy"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | clipboard |o|-}} | "clippboard, zwischenablage"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | binoculars |o|-}} | "binoculars, al, aklog"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | checkbox |o|-}} | "checkbox, check-square, cs"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | clipboard |o|-}} | "clippboard, zwischenablage"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | objektgruppe |o|-}} | "objektgruppe"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | checkbox |o|-}} | "checkbox, check-square, cs"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | google-play |o|-}} | "google-play, pg. gpst"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | objektgruppe |o|-}} | "objektgruppe"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | hs |o|-}} | "h, hs, headset"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | google-play |o|-}} | "google-play, pg. gpst"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | pb |o|-}} | "paint, pb"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | hs |o|-}} | "h, hs, headset"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | -- |o|-}} | "--, min"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | pb |o|-}} | "paint, pb"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | max |o|-}} | "max"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | -- |o|-}} | "--, min"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | dr |o|-}} | "dr"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | max |o|-}} | "max"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | smileplus |o|-}} | "smileplus :-)+"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | dr |o|-}} | "dr"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | paste |o|-}} | "paste"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | smileplus |o|-}} | "smileplus :-)+"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | crown |o|-}} | "crown"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | paste |o|-}} | "paste"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | login |o|-}} | "login, signin"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | crown |o|-}} | "crown"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | cs2 |o|-}} | "cs2, checkbox2"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | login |o|-}} | "login, signin"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | box |o|-}} | "square, box"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | cs2 |o|-}} | "cs2, checkbox2"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | boxl |o|-}} | "squarel, boxl"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | box |o|-}} | "square, box"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | lan |o|-}} | "nw, lan, network"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | boxl |o|-}} | "squarel, boxl"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | diagram |o|-}} | "diagram"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | lan |o|-}} | "nw, lan, network"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | utm |o|-}} | "utm"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | diagram |o|-}} | "diagram"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | folder |o|-}} | "folder, folder-closed"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | utm |o|-}} | "utm"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | fo |o|-}} | "fo, folder-open"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | folder |o|-}} | "folder, folder-closed"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | avatar |o|-}} | "sp, avatar, spicon-avartar"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | fo |o|-}} | "fo, folder-open"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | schulung |o|-}} | "schulung, akademie, spicon-schulung"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | avatar |o|-}} | "sp, avatar, spicon-avartar"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | lizenz |o|-}} | "lizenz, spicon-lizenz"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | schulung |o|-}} | "schulung, akademie, spicon-schulung"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | uma |o|-}} | "uma, spicon-uma"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | lizenz |o|-}} | "lizenz, spicon-lizenz"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | interface |o|-}} | "interface"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | uma |o|-}} | "uma, spicon-uma"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | internet |o|-}} | "internet, world"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | interface |o|-}} | "interface"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | vpn-network |o|-}} | "vpn-network"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | internet |o|-}} | "internet, world"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | udp |o|-}} | "udp"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | udp |o|-}} | "udp"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | icmp |o|-}} | "icmp"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | icmp |o|-}} | "icmp"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | other |o|-}} | "other"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | other |o|-}} | "other"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | tcp |o|-}} | "tcp"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | tcp |o|-}} | "tcp"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | dienste |o|-}} | "dienste, service-group"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | dienste |o|-}} | "dienste, service-group"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | net |o|-}} | "net"}} </div>
<div class="flexelement items_n mw2">{{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 mw2">{{hover2 | {{spc | netgroup |o|-}} | "netgroup, node-group"}} </div>
<div class="flexelement items_n">{{hover2 | {{spc | |o|-}} | ""}} </div>-->
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn-network |o|-}} | "vpn-network"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | host |o|-}} | "host"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | vpn-host |o|-}} | "vpn-host"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ugrp|o|-}} | "ugrp, ipgroup, ipsetgroup"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | drag |o|-}} | "drag, dragndrop"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | dl-uma |o|-}} | "dk-uma, donwload-uma"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | sort |o|-}} | "sort"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | geoip |o|-}} | "geoip"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ms |o|-}} | "ms"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | ur |o|-}} | "ur"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | usc |o|-}} | "usc"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | an-wg |o|-}} | "an-wg, android-white"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | an-rg |o|-}} | "an-rg, android-red"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | an-rw |o|-}} | "an-rw, android-red-white"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | an-rlg |o|-}} | "an-rlg, android-red-lightgrey"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | list-alt |o|-}} | "list-alt, select-list-alt"}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc | dashboards |o|-}} | "dashboards, sitemap"}} </div>
<!--
<div class="flexelement items_n mw2">{{hover2 | {{spc |  |o|-}} | ""}} </div>
<div class="flexelement items_n mw2">{{hover2 | {{spc |  |o|-}} | ""}} </div>
-->
</div>
</div>
</div>
----
----


{| class="wikitable"
=== Formatierungs-Übersicht ===
{| class="sptable2 pd5 Einrücken block"
! Anzeige !! Verwendung !! Optionale Parameter !! default
! Anzeige !! Verwendung !! Optionale Parameter !! default
|-
|-
| <span style="
| {{spc | Menü | m }} || '''m''' oder '''Menü''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bdc='''''Rand-Farbe''<br>'''w='''''100'''''px''' <small>Breite (width)</small><br>'''fs='''''Font-Size''  || white <br>border: 0; → <small>(border: 1px solid color;)</small><br>100px (falls nur ein Icon angezeigt wird: 17px)<br>1em
display: inline-block;
width: {{#switch: {{{3|}}} |-|x=17px|{{{w|100px}}} }};
background: #3c3f46;
border: 0px solid #3c3f46;
border-radius:0px;
padding: 2px 4px;
color: {{{c|white}}};
clear: both"
>Menü</span> || '''m''' oder '''Menü''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bdc='''''Rand-Farbe''<br>'''w='''''100'''''px''' <small>Breite (width)</small><br>'''fs='''''Font-Size''  || white <br>border: 0; → <small>(border: 1px solid color;)</small><br>100px (falls nur ein Icon angezeigt wird: 17px)<br>1em
|-
|-
| <span style="
| {{spc|Kontext-Menü|k}} || '''k''' oder '''Kontext''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''w='''''100'''''px''' <small>Breite (width)</small><br>'''fs='''''Font-Size''  || white <br>100px (falls nur ein Icon angezeigt wird: 17px)<br>1em
display: inline-block;
width: {{#switch: {{{3|}}} |-|x=17px|{{{w|100px}}} }};
background: rgba(0, 0, 0, 0.6);
border: 0px solid #3c3f46;
border-radius:0px;
padding: 2px 4px px;
color: {{{c|white}}};
clear: both"
>Kontext-Menü</span> || '''k''' oder '''Kontext''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''w='''''100'''''px''' <small>Breite (width)</small><br>'''fs='''''Font-Size''  || white <br>100px (falls nur ein Icon angezeigt wird: 17px)<br>1em
|-
|-
| <span style="
| {{spc|Eintrag Liste|e}} || '''e''' oder '''Eintrag''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br> '''bdc='''''Linien-Farbe'' <br>'''w='''''100'''''px''' <small>Breite (width) '''w=0''' => dynamisch</small> <br>'''mr='''''10px''<small> Abstand margin right</small><br>'''pv='''0px <small>padding vertical (top+bottom)</small><br>'''ph='''0px <small>padding horizontal (left+right)</small><br>'''fs='''''Font-Size''|| rgba(0, 0, 0, 0.75)<br>rgba(0, 0, 0, 0.75)<br>100px (falls nur ein Icon angezeigt wird: 17px)<br>0px<br>0px<br>0px<br>1em
display: inline-block;
width: {{#switch: {{{3|}}} |-|x=17px|{{{w | 100px }}} }};
background: white;
border-top: 1px solid rgba(0, 0, 0, 0.75);
border-bottom: 1px solid rgba(0, 0, 0, 0.75);
border-radius:0px;
padding-left: 6px;
margin-right: {{{mr|0px}}};
color: {{{c|rgba(0, 0, 0, 0.75)}}};
font-weight: bold;
clear: both"
>Eintrag Liste</span> || '''e''' oder '''Eintrag''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br> '''bdc='''''Linien-Farbe'' <br>'''w='''''100'''''px''' <small>Breite (width) '''w=0''' => dynamisch</small> <br>'''mr='''''10px''<small> Abstand margin right</small><br>'''pv='''0px <small>padding vertical (top+bottom)</small><br>'''ph='''0px <small>padding horizontal (left+right)</small><br>'''fs='''''Font-Size''|| rgba(0, 0, 0, 0.75)<br>rgba(0, 0, 0, 0.75)<br>100px (falls nur ein Icon angezeigt wird: 17px)<br>0px<br>0px<br>0px<br>1em
|-
|-
| <span style="
| {{spc|Eintrag Kasten|ka}} || '''ka''' oder '''Kasten''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small> <br> '''bdc='''''Rand-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Backgound-Color''<br>'''fs='''''Font-Size''|| Farbe rots<br>Farbe: rotr<br>white<br>1em
xdisplay: inline-block;
xwidth: {{#switch: {{{3|}}} |-|x=17px|{{{w | 100px }}} }};
background: white;
border: 1px solid {{{bdc | {{Farbe|rotr}} }}}
border-radius:2px;
padding:2px 4px 2px 2px;
margin-right: {{{mr|0px}}};
color: {{{c|{{Farbe|rots}} }}}
xfont-weight: bold;
clear: both"
>Eintrag Kasten</span> || '''ka''' oder '''Kasten''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small> <br> '''bdc='''''Rand-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Backgound-Color''<br>'''fs='''''Font-Size''|| Farbe rots<br>Farbe: rotr<br>white<br>1em
|-
|-
|<span style="
|{{spc|Ohne Kasten|o}} || '''o''' oder '''ohne''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''w='''''100'''''px''' <small>Breite (width) '''w=0''' => dynamisch</small><br>'''fs='''''Font-Size'' || rgba(0, 0, 0, 0.75) <br>100px (falls nur ein Icon angezeigt wird: 17px)<br>1em
display: inline-block;
width: {{#switch: {{{3|}}} |-|x=17px|{{{w|100px}}} }};
background: white;
border: 0px solid #3c3f46;
border-radius:0px;
color: {{{c|rgba(0, 0, 0, 0.75)}}};
clear: both"
>Ohne Kasten</span> || '''o''' oder '''ohne''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''w='''''100'''''px''' <small>Breite (width) '''w=0''' => dynamisch</small><br>'''fs='''''Font-Size'' || rgba(0, 0, 0, 0.75) <br>100px (falls nur ein Icon angezeigt wird: 17px)<br>1em
|-
|-
| <span style="
| {{spc|Status|st}} || '''s''', '''st''' oder '''Status''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Hintergrund-Farbe'' <small>background-color</small><br>'''fs='''''Font-Size'' || <nowiki>{{Farbe|grau-l}}</nowiki> <br><nowiki>{{Farbe|hgrau}}</nowiki> <br>1em
background: {{{bc|{{Farbe|hgrau}} }}}
border: 1px solid {{{bdc|{{Farbe|hgrau}} }}}
border-radius:2px;
padding: 2px 2px 0px 2px;
font-size: 0.80em;
color: {{{c|grey-l}}};
clear: both"
>Status</span> || '''s''', '''st''' oder '''Status''' || '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Hintergrund-Farbe'' <small>background-color</small><br>'''fs='''''Font-Size'' || <nowiki>{{Farbe|grau-l}}</nowiki> <br><nowiki>{{Farbe|hgrau}}</nowiki> <br>1em
|-
|-
| <span style="
| {{spc|Graue Schaltfläche|gr}} || '''gr''' , '''grau''' ||  '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Hintergrund-Farbe'' <small>background-color</small><br> '''bdc='''''Rand-Farbe'' <small>border-color</small><br>'''bdr='''''Border-Radius''<br>'''fs='''''Font-Size'' || white-l<br>grey<br><nowiki>{{Farbe|hgrau}}</nowiki><br>5px<br>1em
background: grey;
border: 1px solid {{Farbe|hgrau}}
border-radius:5px;
padding: 2px 2px 0px 2px;
color: {{Farbe|white-l}}
clear: both"
>Graue Schaltfläche</span> || '''gr''' , '''grau''' ||  '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Hintergrund-Farbe'' <small>background-color</small><br> '''bdc='''''Rand-Farbe'' <small>border-color</small><br>'''bdr='''''Border-Radius''<br>'''fs='''''Font-Size'' || white-l<br>grey<br><nowiki>{{Farbe|hgrau}}</nowiki><br>5px<br>1em
|-
|-
| <span style="
| {{spc|Default|b}} || '''b''' , '''Button''' oder<br>'''default''' ''ohne Parameter'' ||  '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Hintergrund-Farbe'' <small>background-color</small><br> '''bdc='''''Rand-Farbe'' <small>border-color</small><br>'''bdr='''''Border-Radius''<br>'''fs='''''Font-Size'' <br>'''w='''''width''|| white-l<br>rot<br>rotr<br>2px<br>1em<br>nicht mit »x« als 3. Parameter !
background: #E74C3C;
border: 1px solid #e43725;
border-radius:2px;
padding: 2px 2px 0px 2px;
color: {{{c|white}}};
clear: both"
>Default</span> || '''b''' , '''Button''' oder<br>'''default''' ''ohne Parameter'' ||  '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>'''bc='''''Hintergrund-Farbe'' <small>background-color</small><br> '''bdc='''''Rand-Farbe'' <small>border-color</small><br>'''bdr='''''Border-Radius''<br>'''fs='''''Font-Size'' <br>'''w='''''width''|| white-l<br>rot<br>rotr<br>2px<br>1em<br>nicht mit »x« als 3. Parameter !
|-
|-
| {{spc | g | c | - }} || '''c''', '''circle''' ||  '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>
| {{spc | g | c | - }} || '''c''', '''circle''' ||  '''c='''''Schrift-Farbe'' <small>(Angabe ohne ;)</small><br>
Zeile 359: Zeile 351:
0px<br> <!-- mr=margin-right -->
0px<br> <!-- mr=margin-right -->
0.1em 0.8em <!-- pd=padding -->
0.1em 0.8em <!-- pd=padding -->
|-
| {{ spc | rule | rule | Anw=UTM}} ||'''rule<br>regel''' || class="top" | alle Farbnamen als css-Name ohne ''xy__'' davor<br>
'''c='''''Schrift-Farbe'' <small>(Angabe ohne ; )</small><br>
'''bc='''''Hintergrund-Farbe'' <small>background-color</small><br>
'''bdc='''''Rand-Farbe'' <small>border-color</small><br>
'''sp-class=''' <small>Beliebige css-Klasse</small>
| class="top" | <br>
graul<br> <!-- Default c=color -->
blau-select<br> <!-- bc= background-color -->
blau-select<br> <!-- bdc=border-color -->
|}
|}


Zeile 364: Zeile 366:
----
----


{| class="wikitable sortable"
=== Icon-Details ===
! class="unsortable"|Icon !! Standardtext !! 1. Parameter !! Class in Awesomefont  
 
{| class="sptable2 pd5 sortable Einrücken block"
! class=unsortable|Icon !! Standardtext !! 1. Parameter !! Class in Awesomefont  
|-
|-
| rowspan="4" style="vertical-align: top;" | <i class="fal fa-mobile-alt"></i> || rowspan="4" style="vertical-align: top;" | Geräte || m || rowspan="4" style="vertical-align: top;" | fal fa-mobile-alt
| rowspan="4" style="vertical-align: top;" | <i class="fal fa-mobile-alt"></i> || rowspan="4" style="vertical-align: top;" | Geräte || m || rowspan="4" style="vertical-align: top;" | fal fa-mobile-alt
Zeile 386: Zeile 390:
|-
|-
| g-d
| g-d
|-
| rowspan="1" style="vertical-align: top;" | <i class="fal fa-mobile"></i> || rowspan="1" style="vertical-align: top;" | Geräte || ms || rowspan="1" style="vertical-align: top;" | fal fa-mobile
|-
|-
| rowspan="2" style="vertical-align: top;" | <i class="fal fa-tachometer-alt"></i> || rowspan="2" style="vertical-align: top;" | Übersicht || t || rowspan="2" style="vertical-align: top;" | fal fa-tachometer-alt
| rowspan="2" style="vertical-align: top;" | <i class="fal fa-tachometer-alt"></i> || rowspan="2" style="vertical-align: top;" | Übersicht || t || rowspan="2" style="vertical-align: top;" | fal fa-tachometer-alt
Zeile 868: Zeile 874:
|-
|-
| select-list
| select-list
|-
|  rowspan="2" style="vertical-align: top;" | <i class="fal fa-list-alt"></i> ||  rowspan="2" style="vertical-align: top;" | Typ || list-alt ||  rowspan="2" style="vertical-align: top;" | fal fa-list-alt
|-
| select-list-alt
|-
|-
| rowspan="3" style="vertical-align: top;" | <i class="fal fa-desktop"></i>|| rowspan="3" style="vertical-align: top;" | Geräte || dt || rowspan="3" style="vertical-align: top;" | fal fa-desktop
| rowspan="3" style="vertical-align: top;" | <i class="fal fa-desktop"></i>|| rowspan="3" style="vertical-align: top;" | Geräte || dt || rowspan="3" style="vertical-align: top;" | fal fa-desktop
Zeile 1.056: Zeile 1.066:
| ugrp
| ugrp
|-
|-
| rowspan="2" style="vertical-align: top;" | <i class="glyphicons glyphicons-size-22 glyphicons-cogwheels></i> || rowspan="2" style="vertical-align: top;" | cogwheels|| cog2 || rowspan="2" style="vertical-align: top;" | glyphicons glyphicons-size-22 glyphicons-cogwheels
| rowspan="2" style="vertical-align: top;" | <i class="glyphicons glyphicons-size-22 glyphicons-cogwheels></i> || rowspan="2" style="vertical-align: top;" | cogwheels|| cog2 || rowspan="2" style="vertical-align: top;" | glyphicons-cogwheels
|-
|-
| settings-uma
| settings-uma
|-
| rowspan="2" style="vertical-align: top;" | {{spc|drag|o|-}} || rowspan="2" style="vertical-align: top;" | Drag and Drop || drag || rowspan="2" style="vertical-align: top;" | –
|-
| dragndrop
|-
| rowspan="2" style="vertical-align: top;" | <i class="glyphicons glyphicons-size-14 glyphicons-download-alt"></i> || rowspan="2" style="vertical-align: top;" | Download || dl-uma || rowspan="2" style="vertical-align: top;" | glyphicons-download-alt
|-
| download-uma
|-
| rowspan="3" style="vertical-align: top;" | {{spc|sort|o|-}} || rowspan="3" style="vertical-align: top;" | – || sort || rowspan="3" style="vertical-align: top;" | halflings-selectbox
|-
| selectbox
|-
| halflings-selectbox
|-
| style="vertical-align: top;" | [[Datei:map-marked-alt.svg|x16px]] || style="vertical-align: top;" | geoip || geoip || style="vertical-align: top;" | geoip
|-
| rowspan="2" style="vertical-align: top;" | <i class="fal fa-chart-pie"></i> || rowspan="2" style="vertical-align: top;" | Unified Reporting || ur || rowspan="2" style="vertical-align: top;" | fal fa-chart-pie
|-
| reporting
|-
| rowspan="3" style="vertical-align: top;" | <i class="fal fa-server"></i> || rowspan="3" style="vertical-align: top;" | Unified Security Console || usc || rowspan="3" style="vertical-align: top;" | fal fa-server
|-
| security console
|-
| console
|-
| rowspan="2" style="vertical-align: top;" | [[Datei:Android-white-grey.png|x16px]] || rowspan="2" style="vertical-align: top;" | Android || an-wg || rowspan="2" style="vertical-align: top;" | Android-white-grey.png
|-
| android-white
|-
| rowspan="2" style="vertical-align: top;" |[[Datei:Android-red-grey.png|x16px]] || rowspan="2" style="vertical-align: top;" | Android || an-rg || rowspan="2" style="vertical-align: top;" | Android-red-grey.png
|-
| android-red
|-
| rowspan="2" style="vertical-align: top;" | [[Datei:Android-red-white.png|x16px]] || rowspan="2" style="vertical-align: top;" | Android || an-rw || rowspan="2" style="vertical-align: top;" | Android-red-white.png
|-
| android-red-white
|-
| rowspan="2" style="vertical-align: top;" | [[Datei:Android-red-lightgrey.png|x16px]] || rowspan="2" style="vertical-align: top;" | Android || an-rlg || rowspan="2" style="vertical-align: top;" | Android-red-lightgrey.png
|-
| android-red-lightgrey
|-
| rowspan="2" style="vertical-align: top;" | [[Datei:Windows Dienste Icon.png|15px]] || rowspan="2" style="vertical-align: top;" | - || cog3 || rowspan="2" style="vertical-align: top;" | -
|-
| Windows-Dienste
|-
| rowspan="2" style="vertical-align: top;" | <i class="fal fa-sitemap"></i> || rowspan="2" style="vertical-align: top;" | Dashboards || dashboards || rowspan="2" style="vertical-align: top;" | fal fa-sitemap
|-
| sitemap
|}
|}
<!--
<!--
Zeile 1.069: Zeile 1.129:
| kürzel3
| kürzel3
-->
-->
<br clear=all>
=== Portfilter Beispiel ===
==== Darstellung ====
{{var | Quelle
| Quelle
| Source }}
{{var | Ziel
| Ziel
| Destination }}
{{var | Dienst
| Dienst
| Service }}
{{var | Aktion
| Aktion
| Action }}
{{var | Aktiv
| Aktiv
| Active }}
{{var | Typ
| Typ
| Type }}
{{var | Netzwerkobjekt
| Netzwerkobjekt
| Networkobject }}
{{var | Allgemein
| Allgemein
| General }}
{{#var:Anzeige Portfilter Regel|Anzeige Portfilter Regel}}
<div class="Einrücken">
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1"
|- class="bold small no1cell"
| class="Leerzeile bc__default" | || || <nowiki>#</nowiki> || style="min-width:12em;"| {{#var:Quelle}} || style="min-width:12em;"| {{#var:Ziel}} || style="min-width:12em;"| {{#var:Dienst}} || style="min-width:6em;"| NAT || {{#var:Aktion}} || {{#var:Aktiv}} ||style="min-width:5em;"|
|-
| class="bc__default" | {{#var:IPSec-Regel-external-interface--desc}}
| {{spc|drag|o|-}} || 4 || {{spc|world|o|-}} internet || {{spc|interface|o|-}} external-interface || {{spc|dienste|o|-}}  ipsec ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|-
| class="bc__default" | {{#var:Zugriff auf IPSec-Netzwerk--desc}} || {{spc|drag|o|-}} || 5 || {{spc|network|o|-}} internal-network || {{spc|vpn-network|o|-}} IPSec-Network || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|-
| class="bc__default" | {{#var:Zugriff auf lokales Netzwerk--desc}} || {{spc|drag|o|-}} || 6 || {{spc|vpn-network|o|-}} IPSec Network || {{spc|network|o|-}} internal-network || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|- class="redborder"
| class="bc__default" | {{#var:Neue Regel--SSL-VPN--desc}}
| {{spc|drag|o|-}} || 7 || {{spc|vpn-network|o|-}} SSL-VPN-RW-Network || {{spc|host|o|-}} {{#var:Name--val}} || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|}
</div>
==== Code ====
<div class="Einrücken">
<pre>
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1"
|- class="bold small no1cell"
| class="Leerzeile bc__default" | || || &lt;nowiki>#&lt;/nowiki> || style="min-width:12em;"| {{#var:Quelle}} || style="min-width:12em;"| {{#var:Ziel}} || style="min-width:12em;"| {{#var:Dienst}} || style="min-width:6em;"| NAT || {{#var:Aktion}} || {{#var:Aktiv}} ||style="min-width:5em;"|
|-
| class="bc__default" | {{#var:IPSec-Regel-external-interface--desc}} || {{spc|drag|o|-}} || 4 || {{spc|world|o|-}} internet || {{spc|interface|o|-}} external-interface || {{spc|dienste|o|-}}  ipsec ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|-
| class="bc__default" | {{#var:Zugriff auf IPSec-Netzwerk--desc}} || {{spc|drag|o|-}} || 5 || {{spc|network|o|-}} internal-network || {{spc|vpn-network|o|-}} IPSec-Network || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|-
| class="bc__default" | {{#var:Zugriff auf lokales Netzwerk--desc}} || {{spc|drag|o|-}} || 6 || {{spc|vpn-network|o|-}} IPSec Network || {{spc|network|o|-}} internal-network || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|- class="redborder"
| class="bc__default" | {{#var:Neue Regel--SSL-VPN--desc}} || {{spc|drag|o|-}} || 7 || {{spc|vpn-network|o|-}} SSL-VPN-RW-Network || {{spc|host|o|-}} {{#var:Name--val}} || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|}
</pre></div>
==== Code .lang ====
<div class="Einrücken">
Zu verwenden sowohl für die Portfilter-Regel-Übersicht (s.o.) als auch die Detailansicht (s.u.)<br>
<pre>
{{var | Quelle | Quelle | Quelle }}
{{var | Ziel | Ziel | Target }}
{{var | Dienst | Dienst | Service }}
{{var | Aktion | Aktion | Action }}
{{var | Aktiv | Aktiv | Active }}
{{var | Typ | Typ | Type }}
{{var | Netzwerkobjekt | Netzwerkobjekt | Networkobject }}
{{var | Allgemein | Allgemein | General }}
</pre>
</div>
==== Darstellung Einzelregel ====
'''Häufig genutzte Darstellung für eine einzelne Regel:'''
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1"
|- class="bold small no1cell"
| rowspan="3" class="Leerzeile pd0 pdr05 bc__default fs-initial normal" |  Inhalt der Variablen<br><nowiki>{{#var:Portfilterregel--desc}}</nowiki><br>der länger sein kann,<br>als die Portfilter Regel
| || <nowiki>#</nowiki> || class=mw12 | {{#var:Quelle}} || class=mw12 | {{#var:Ziel}} || class=mw12 | {{#var:Dienst}} || class=mw6 | NAT || {{#var:Aktion}} || {{#var:Aktiv}} || class=mw5 |
|-
| {{spc|drag|o|-}} || 4 || {{spc|vpn-network|o|-}} internal-network || {{spc|world|o|-}} internet || {{spc|tcp|o|-}}  HTTP ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|- class="Leerzeile"
| colspan="9" class=bc__default|
|}
==== Code ====
<pre>
{| class="sptable2 Paketfilter pd5 tr--bc__white zh1"
|- class="bold small no1cell"
| rowspan="3" class="Leerzeile pd0 pdr05 bc__default fs-initial normal" |  {{#var:Portfilterregel--desc}} 
| || <nowiki>#</nowiki> || class=mw12 | {{#var:Quelle}} || class=mw12 | {{#var:Ziel}} || class=mw12 | {{#var:Dienst}} || class=mw6 | NAT || {{#var:Aktion}} || {{#var:Aktiv}} || class=mw5 |
|-
| {{spc|drag|o|-}} || 4 || {{spc|vpn-network|o|-}} internal-network || {{spc|world|o|-}} internet || {{spc|tcp|o|-}}  HTTP ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|- class="Leerzeile"
| colspan="9" class=bc__default|
|}</pre>
'''Code.lang siehe oben!'''
<!--
{| class="sptable2 Paketfilter pd5 zh1 Einrücken"
| {{Kasten| {{#var:Quelle}} }} || {{spc|vpn-network|rule|vpn-network}} ||
|-
| {{Kasten| {{#var:Ziel}} }} ||  {{spc|host|rule|hostname}}  ||
|-
| {{Kasten| {{#var:Dienst}} }} || {{spc|dienste|rule|Proxy}} ||
|-
| {{Kasten|NAT}} {{Kasten|{{#var:Typ}} }}|| {{Button|Hidenat|dr}} ||
|-
| {{Kasten|NAT}} {{Kasten|{{#var:Netzwerkobjekt}} }}|| {{Button|internal-interface|dr}} || <li class="list--element__alert list--element__warning"></li>
|}
<div class="code Einrücken">
<nowiki>{| class="sptable2 Paketfilter pd5 zh1" </nowiki><br><nowiki>
| {{Kasten| {{#var:Quelle}} }} || {{spc|vpn-network|rule|vpn-network}} || </nowiki><br><nowiki>
|- </nowiki><br><nowiki>
| {{Kasten| {{#var:Ziel}} }} || {{spc|host|rule|hostname}} || </nowiki><br><nowiki>
|- </nowiki><br><nowiki>
| {{Kasten| {{#var:Dienst}} }} || {{spc|dienste|rule|Proxy}} || </nowiki><br><nowiki>
|- </nowiki><br><nowiki>
| {{Kasten|NAT}} {{Kasten|{{#var:Typ}} }}|| {{Button|Hidenat|dr}} || </nowiki><br><nowiki>
|- </nowiki><br><nowiki>
| {{Kasten|NAT}} {{Kasten|{{#var:Netzwerkobjekt}} }}|| {{Button|internal-interface|dr}} || <li class="list--element__alert list--element__warning"></li> </nowiki><br><nowiki>
|}
</nowiki></div>
-->
{| class="sptable2 Paketfilter pd5 zh1 Einrücken"
|- class="Leerzeile"
| colspan="3" | {{Kasten|{{#var:Allgemein}} }}
|-
| {{b| {{#var:Quelle}} }} || {{ic|vpn-network|dr|icon=vpn-network|iconborder=none|class=mw13}} || Beschreibung
|-
| {{b| {{#var:Ziel}} }} ||  {{ic|internet|dr|icon=world|iconborder=none|class=mw13}}  ||
|-
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=dienste|iconborder=none|class=mw13}} ||
|-
| {{b| {{#var:Aktion}} }} || {{Button|Accept|dr|class=mw13}} ||
|- class="Leerzeile"
| colspan="3" | {{Kasten|NAT}}
|-
| {{b|{{#var:Typ}} }}|| {{Button|Hidenat|dr|class=mw13}} ||
|-
| {{b|{{#var:Netzwerkobjekt}} }}|| {{ic|internal-interface|dr|icon=interface|iconborder=none|class=mw13}} || <li class="list--element__alert list--element__warning"></li>
|-
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=tcp|iconborder=none|class=mw13}} ||
|}
<pre>
{| class="sptable2 Paketfilter pd5 zh1 Einrücken"
|- class="Leerzeile"
| colspan="3" | {{Kasten|{{#var:Allgemein}} }}
|-
| {{b| {{#var:Quelle}} }} || {{ic|vpn-network|dr|icon=vpn-network|iconborder=none|class=mw13}} ||
|-
| {{b| {{#var:Ziel}} }} ||  {{ic|internet|dr|icon=world|iconborder=none|class=mw13}}  ||
|-
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=dienste|iconborder=none|class=mw13}} ||
|-
| {{b| {{#var:Aktion}} }} || {{Button|Accept|dr|class=mw13}} ||
|- class="Leerzeile"
| colspan="3" | {{Kasten|NAT}}
|-
| {{b|{{#var:Typ}} }}|| {{Button|Hidenat|dr|class=mw13}} ||
|-
| {{b|{{#var:Netzwerkobjekt}} }}|| {{ic|internal-interface|dr|icon=interface|iconborder=none|class=mw13}} || <li class="list--element__alert list--element__warning"></li>
|-
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=tcp|iconborder=none|class=mw13}} ||
|}
</pre>

Aktuelle Version vom 29. Mai 2024, 10:49 Uhr


Parameter Übersicht

1. Parameter
Wert Funktion Beispiel
Schaltfläche Anzeige-Text {{spc|Schaltfläche}}=Schaltfläche
siehe Tabelle Icon-Details Icon-Kürzel {{spc|cog}}=  Apps installieren
fa ermöglicht mit class= eine beliebige fontAwesome-Klasse anzugeben
2. Parameter
siehe Formatierungs-Übersicht Layout der Anzeige default=Button
3. Parameter
x Icon ohne Standard-Text, w=x {{spc|cog|b|x}}=
- Icon ohne Standard-Text, Breite kann angegeben werden mit w= {{spc|cog|b|-}}=
Optionale Parameter
css= css-Klasse, die auf das FontAwesome-Icon wirkt
Abhängig vom Icon gibt es jeweils einen default-Wert, der Überschrieben wird, sobald eine css-Klasse übergeben wird. {{spc|b|o|-}} → default=fal
{{spc|b|o|-|class=fas}} →
Soll z.B. die Hintergrundfarbe gesetzt werden, muss die Klaase fas / far / fal zusätzlich gesetzt werden! {{spc|b|o|-|class=fas bc__rot}} →
class=fas solid (=bold) {{spc|b|o|-|class=fas}} →
class=far regular {{spc|b|o|-|class=far}} →
class=fal light {{spc|b|o|-|class=fal}} →
class=fax fa-icon-class beliebige fontawesome-Klasse
erfordert: als 1. Parameter: fa		 {{spc|fa|o|-|class=fab fa-linux}} →
sp-class= Klasse für den gesamten spc-Span {{spc|Anzeigetext|o|-|sp-class=bc__gelb}}→Anzeigetext
| icon-c= Farbe des Icons → font-color__icon-c {{spc|b|o|icon-c=red}} →   Benutzer
|PIN=true Zeigt Schloss-Icon an (Aktion erfordert PIN-Eingabe) {{spc|vpn|b|PIN|PIN=true}} →  PIN

Icon-Übersicht

{{ spc | 1. Parameter: Icon-Kürzel |2. Parameter: Formatierung(s.u.) | 3.Parameter: Alternativer Anzeige-Text oder nur Icon: x bzw. - = ohne Text. | Optionale Parameter}}

Windows Dienste Icon.png
Interface.svg
World.svg
Udp.svg
Icmp.svg
Other.svg
Tcp.svg
Service-group.svg
Network.svg
Node-group.svg
Vpn-network.svg
Host.svg
Vpn-host.svg
Ipsetgroup.svg
Dragndrop.png
Map-marked-alt.svg
Android-white-grey.png
Android-red-grey.png
Android-red-white.png
Android-red-lightgrey.png

Formatierungs-Übersicht

Anzeige Verwendung Optionale Parameter default
Menü 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
Kontext-Menü 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
Eintrag Kasten 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
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises Parameter= Beliebiger weiterer Parameter

white-l

grün
#e0f7ea;
3px
99px
1em
0px
10px

cb, circle-big c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

rot

white-l
grau
1px
99px
1em
0px
10px

buttong buttong
buttony
bg		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

gelb
gelbbd
1px
2px
1em
0px
2px 2px 0px 2px

buttongr buttongr
bgr		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

grün
grünbd
1px
2px
1em
0px
2px 2px 0px 2px

buttongrey buttongrey
buttongrau
bgrau		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

grau
graubd
1px
2px
1em
0px
2px 2px 0px 2px

buttonuma buttonuma
bu
bb		 c=Schrift-Farbe (Angabe ohne ;)

bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
bd= border
bdr=Border-Radius
fs=Font-Size
mr= margin-right
pd= padding→Größe des Kreises
Parameter= Beliebiger weiterer Parameter

white-l

grau
graubd
0.7px
2px
1em
0px
0.1em 0.8em

rule rule
regel		 alle Farbnamen als css-Name ohne xy__ davor

c=Schrift-Farbe (Angabe ohne ; )
bc=Hintergrund-Farbe background-color
bdc=Rand-Farbe border-color
sp-class= Beliebige css-Klasse


graul
blau-select
blau-select


Icon-Details

-
Icon Standardtext 1. Parameter Class in Awesomefont
Geräte m fal fa-mobile-alt
mobile
g
gerät
Geräte md fas fa-mobile-alt
m-d
mobiled
mobile-d
gd
g-d
Geräte ms fal fa-mobile
Übersicht t fal fa-tachometer-alt
tacho
Profile schield fal fa-shield-alt
profile
p
Apps a fal fa-rocket
apps
Andere Geräte (VPN) vpn fal fa-laptop
Benutzer b fal fa-user
benutzer
Rollen r fal fa-users
gr
gruppe
gruppen
rolle
rollen
Zertifikate c fal fa-certificate
certificate
z
zerifikat
zerifikate
Statistiken s fal fa-chart-area
stat
statisik
statistiken
Chart chart fal fa-chart-line
chart-line
Statistiken-Dashboard cp fal fa-chart-pie
chart-pie
torte
Konto i fal fa-info-circle
info
k
konto
FAQ f fal fa-question-circle
?
faq
Tutorials p fal fa-play-circle
play
tu
tutorials
Log l fal fa-code
log
Reseller e fal fa-external-link-alt
external
re
reseller
Ausloggen q fal fa-sign-out-alt
quit
au
lo
Anmelden in fal fa-sign-in-alt
anmelden
sign-in
Filter fi fal fa-filter
filter
Filter filterd fas fa-filter
filter-d
Suche suche fal fa-search
Profil hinzufügen + fal fa-plus
Profile veröffentlichen v fal fa-paper-plane
pv
veröffentlichen
Importieren im fal fa-upload
u
upload
importieren
Listenansicht list fal fa-th
Sync sync fal fa-sync
Menü menu fal fa-bars
Bearbeiten edit fal fa-edit
Bearbeiten pencil fal fa-pencil
stift
Exportieren ex fal fa-download
exportieren
d
download
Download dl-uma glyphicons glyphicons-size-14 glyphicons-download-alt
download-uma
Widerrufen w fal fa-ban
widerrufen
verboten
ban
Löschen lö fal fa-trash
löschen
mülleimer
trash
Löschen trash2 fas fa-trash
msat
Typ ty fal fa-file
typ
file
Info io fal fa-info
info-outline
Speichern save fal fa-save
Betriebssystem chip fal fa-microchip
bet
os
microchip
Tags tag fal fa-tags
tags
Teile teile fal fas-fw fa-puzzle-piece
te
pi
piece
Seriennummer #s fal fa-hashtag
#i
#
Eigentümer ei fal fa-address-card
adress-card
eigentümer
Telefon ph fal fa-phone
te
tel
phone
Store-Account sta fal fa-shopping-cart
cart
sc
shopping-cart
Kontakt kontakt fal fa-clock
cl
clock
Einladung senden ein fal fa-envelope
einl
env
envelope
Vorlage auge fal fa-eye
eye
Android android fab fa-android
an
iOS ios fab fa-apple
apple
Batteriestatus bat fal fa-battery-full
batteriestatus
battery
Speicherkapazität speicher fal fa-hdd
speicherkapazität
hdd
Hersteller her fal fa-building
hersteller
building
Agent agent fal fa-building
cb
code-branch
Bluetooth-MAC bl fab fa-bluetooth
bt
bluetooth
WIFI MAC wlan fal fa-wifi
wifi
Roaming an roaming fal fa-globe
globus
globe
Gekauft am gekauft fal fas-fw fa-money-bill
geld
money-bill
Garantie läuft ab am schild fal fa-shield
garantie
shield
Externer Inventar-Link link fal fa-link
ext
Netzbetreiber netz fal fa-server
nb
netzbetreiber
server
Operationen wr fal fa-wrench
werkzeug
wrench
Nachricht com fal fa-comment
comment
nachricht
Datenschutz da fal fa-balance-scale
bal
balance-scale
Daten löschen del fal fa-database
löschen
database
Sperren sp fal fa-lock
lo
lock
VPN aus vpn0 far fa-lock-open-alt
locko
lock_open
VPN an vpn1 far fa-lock-alt
lockc
lock_closed
Lost-Modus aktivieren sp fal fa-search-plus
lma
lost
Enterprise löschen elö fal fa-eraser
rubber
eraser
Operationen log logop fal fa-file-alt
oplog
file-alt
Pfeil Links <- fal fa-arrow-left
links
arrow-left
Pfeil rechts -> fal fa-arrow-right
rechts
arrow-right
Tablet ta fal fa-tablet-alt
tablet
tablet-alt
Lokalisieren lok fal fa-map-marker-alt
loc
map-marker-alt
Klingelton starten rp fal fa-phone-volume
ring
phone-volume
Zustimmen ch fal fa-check
check
Meldungen meldungen fal fa-bell
me
bell
Warnungen bell-s fas fa-bell
belld
bell-d
mehr mehr fal fa-ellipsis-h
more
ellipsis
Apps installieren install fal fa-cog
setting
cog
Neustarten neustarten fal fa-redo
reboot
redo
Herunterfahren herunterfahren fal fa-power-off
aus
poweroff
Kennwort entfernen key fal fa-key
passcode-del
del-passcode
! ! far fa-exclamation-triangle
Anfragen signal fal fa-signal
sig
anfragen
Viren gefunden bug fal fa-bug
viren
virus
Typ typ fas fa-list
select-list
Typ list-alt fal fa-list-alt
select-list-alt
Geräte dt fal fa-desktop
gav
dt
Kommentare comments fal fa-comments
kom
kommentar
Ausrufezeichen !!l fal fa-exclamation
!av
av!
Link link fal fa-share-square
share-square
sq
Einladung erneut senden share fal fa-share
erneut
sh
Verschieben exchange fal fa-exchange
move
verschieben
Konfiguration übertragen cloud-upload fal fa-cloud-upload
cu
konf
cloud-download fal fa-cloud-download
cd
Deaktivieren eye-slash fal fa-eye-slash
da
es
Übernehmen clone fal fa-clone
üb
cl
clopy fal fa-copy
Aktionslog binocular fal fa-binoculars
al
aklog
Zwischenablage clipboard fal fa-clipboard
zwischenablage
CheckBox checkbox fal fa-check-square
check-square
cs
cs2 fas fa-check-square
checkbox2
box far fa-square @
square
boxl fal fa-square @
squarel
Object-Group objektgruppe fal fa-object-group
Google Play google-play fab fa-google-play
gp
gpst
Support -Benutzer headset fas fa-headset
hs
h
Paintbrush paint fal fa-paint-brush
pb
minimieren -- fal fa-minus
min
maximieren max fal fa-window-maximize
Dropdown-Pfeil dr fal fa-angle-left
- :-)+ fal fa-smile-plus
smileplus
Paste paste fal fa-paste
Hauptbenutzer crown fal fa-crown
Anmelden signin fa fa-sign-in
login
recycle fas fa-recycle
cogs fal fa-cogs
configs
settings
diagram fal fa-project-diagram
UTM utm spicon-utm
Securepoint spicon-avatar spicon-avatar
sp
avatar
UMA spicon-uma spicon-uma
uma
Akademie akademie spicon-schulung
schulung
spicon-schulung
Lizenz spicon-lizenz spicon-lizenz
lizenz
Interface.svg interface interface interface
World.svg internet internet internet
world
Vpn-network.svg vpn-network vpn-network vpn-network
Udp.svg udp udp udp
Icmp.svg icmp icmp icmp
Other.svg other other other
Tcp.svg tcp tcp tcp
Service-group.svg service-group service-group service-group
dienste
Network.svg net net net
Ipsetgroup.svg ipsetgroup ipsetgroup ipsetgroup
ipgroup
ugrp
cogwheels cog2 glyphicons-cogwheels
settings-uma
Dragndrop.png Drag and Drop drag –
dragndrop
Download dl-uma glyphicons-download-alt
download-uma
– sort halflings-selectbox
selectbox
halflings-selectbox
Map-marked-alt.svg geoip geoip geoip
Unified Reporting ur fal fa-chart-pie
reporting
Unified Security Console usc fal fa-server
security console
console
Android-white-grey.png Android an-wg Android-white-grey.png
android-white
Android-red-grey.png Android an-rg Android-red-grey.png
android-red
Android-red-white.png Android an-rw Android-red-white.png
android-red-white
Android-red-lightgrey.png Android an-rlg Android-red-lightgrey.png
android-red-lightgrey
Windows Dienste Icon.png - cog3 -
Windows-Dienste
Dashboards dashboards fal fa-sitemap
sitemap


Portfilter Beispiel

Darstellung

Anzeige Portfilter Regel

# Quelle Ziel Dienst NAT Aktion Aktiv
Dragndrop.png 4 World.svg internet Interface.svg external-interface Service-group.svg ipsec Accept Einladung senden
Dragndrop.png 5 Network.svg internal-network Vpn-network.svg IPSec-Network Service-group.svg HNE Accept Einladung senden
Dragndrop.png 6 Vpn-network.svg IPSec Network Network.svg internal-network Service-group.svg Accept Einladung senden
Dragndrop.png 7 Vpn-network.svg SSL-VPN-RW-Network Host.svg Service-group.svg HNE Accept Einladung senden


Code

{| class="sptable2 Paketfilter pd5 tr--bc__white zh1"
|- class="bold small no1cell"
| class="Leerzeile bc__default" | || || <nowiki>#</nowiki> || style="min-width:12em;"| {{#var:Quelle}} || style="min-width:12em;"| {{#var:Ziel}} || style="min-width:12em;"| {{#var:Dienst}} || style="min-width:6em;"| NAT || {{#var:Aktion}} || {{#var:Aktiv}} ||style="min-width:5em;"|

|-
| class="bc__default" | {{#var:IPSec-Regel-external-interface--desc}} || {{spc|drag|o|-}} || 4 || {{spc|world|o|-}} internet || {{spc|interface|o|-}} external-interface || {{spc|dienste|o|-}}  ipsec ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}

|-
| class="bc__default" | {{#var:Zugriff auf IPSec-Netzwerk--desc}} || {{spc|drag|o|-}} || 5 || {{spc|network|o|-}} internal-network || {{spc|vpn-network|o|-}} IPSec-Network || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}

|-
| class="bc__default" | {{#var:Zugriff auf lokales Netzwerk--desc}} || {{spc|drag|o|-}} || 6 || {{spc|vpn-network|o|-}} IPSec Network || {{spc|network|o|-}} internal-network || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}

|- class="redborder"
| class="bc__default" | {{#var:Neue Regel--SSL-VPN--desc}} || {{spc|drag|o|-}} || 7 || {{spc|vpn-network|o|-}} SSL-VPN-RW-Network || {{spc|host|o|-}} {{#var:Name--val}} || {{spc|dienste|o|-}}  {{#var:regel--dienst--desc}} || {{Kasten|HNE|blau}} || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}

|}


Code .lang

Zu verwenden sowohl für die Portfilter-Regel-Übersicht (s.o.) als auch die Detailansicht (s.u.)

{{var	| Quelle | Quelle 	| Quelle }}
{{var	| Ziel	 | Ziel		| Target }}
{{var	| Dienst | Dienst	| Service }}
{{var	| Aktion | Aktion	| Action }}
{{var	| Aktiv	 | Aktiv	| Active }}
{{var	| Typ	 | Typ		| Type }}
{{var	| Netzwerkobjekt	| Netzwerkobjekt	| Networkobject }}
{{var	| Allgemein		| Allgemein		| General }}

Darstellung Einzelregel

Häufig genutzte Darstellung für eine einzelne Regel:

Inhalt der Variablen
{{#var:Portfilterregel--desc}}
der länger sein kann,
als die Portfilter Regel 		# Quelle Ziel Dienst NAT Aktion Aktiv
Dragndrop.png 4 Vpn-network.svg internal-network World.svg internet Tcp.svg HTTP Accept Einladung senden

Code

{| class="sptable2 Paketfilter pd5 tr--bc__white zh1"
|- class="bold small no1cell"
| rowspan="3" class="Leerzeile pd0 pdr05 bc__default fs-initial normal" |  {{#var:Portfilterregel--desc}}  
| || # || class=mw12 | {{#var:Quelle}} || class=mw12 | {{#var:Ziel}} || class=mw12 | {{#var:Dienst}} || class=mw6 | NAT || {{#var:Aktion}} || {{#var:Aktiv}} || class=mw5 |
|-
| {{spc|drag|o|-}} || 4 || {{spc|vpn-network|o|-}} internal-network || {{spc|world|o|-}} internet || {{spc|tcp|o|-}}  HTTP ||  || {{Kasten|Accept|grün}} || {{ButtonAn|{{#var:ein}} }} || {{Button||w|fs=14}}{{Button||trash|fs=14}}
|- class="Leerzeile"
| colspan="9" class=bc__default| 
|}

Code.lang siehe oben!


Allgemein
Quelle Vpn-network.svg vpn-network Beschreibung
Ziel World.svg internet
Dienst Service-group.svg dienstname
Aktion Accept
NAT
Typ Hidenat
Netzwerkobjekt Interface.svg internal-interface
  • Dienst Tcp.svg dienstname 
    {| class="sptable2 Paketfilter pd5 zh1 Einrücken"
|- class="Leerzeile"
| colspan="3" | {{Kasten|{{#var:Allgemein}} }}
|-
| {{b| {{#var:Quelle}} }} || {{ic|vpn-network|dr|icon=vpn-network|iconborder=none|class=mw13}} || 
|-
| {{b| {{#var:Ziel}} }} ||  {{ic|internet|dr|icon=world|iconborder=none|class=mw13}}  || 
|-
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=dienste|iconborder=none|class=mw13}} || 
|-
| {{b| {{#var:Aktion}} }} || {{Button|Accept|dr|class=mw13}} || 
|- class="Leerzeile"
| colspan="3" | {{Kasten|NAT}} 
|-
| {{b|{{#var:Typ}} }}|| {{Button|Hidenat|dr|class=mw13}} ||
|-
| {{b|{{#var:Netzwerkobjekt}} }}|| {{ic|internal-interface|dr|icon=interface|iconborder=none|class=mw13}} || <li class="list--element__alert list--element__warning"></li>
|-
| {{b| {{#var:Dienst}} }} || {{ic|dienstname|dr|icon=tcp|iconborder=none|class=mw13}} || 
|}
    Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Spc/Doku&oldid=91692“