Wechseln zu:Navigation, Suche
Wiki
K
K
 
(24 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<templatestyles src="Vorlage:Styles.css" /><div class="button" style="
+
<templatestyles src="Vorlage:Styles.css" />{{#vardefine:style|}}<span
background-image: linear-gradient(#ededed, #c4c4c4);
+
class="button {{#switch: {{lc:{{{2|}}} }}
color:{{ Farbe | {{{c|rgb(49, 49, 49)}}} }};
 
{{#switch: {{lc:{{{2|}}} }}
 
 
| blau
 
| blau
| b=background-image: linear-gradient(rgb(185, 224, 245)0%, rgb(146, 189, 214) 100%);
+
| b= button-blau
| dro=background: white;
+
| dro= button-dropdown-solid
color:{{ Farbe | {{{c|rgb(68, 68, 68)}}} }};
+
| dr= button-dropdown
| dr=background-image: linear-gradient(#fcfcfc, #edebea);
+
| #default= button-default
| #default=background-image: linear-gradient(#ededed, #c4c4c4);
+
}} {{{Anw|{{Anw}}}}}"
}}
+
{{#if: {{{c|}}}  | {{#vardefine:style|{{#var:style}} color:{{ Farbe | {{{c}}} }} }} }}
border: 1px solid #B6B6B6;
+
{{#if: {{{w|}}}  | {{#vardefine:style|{{#var:style}} width: {{{w|}}}; }} }}  
border-radius:3px;
+
{{#if: {{{lh|}}} | {{#vardefine:style|{{#var:style}} line-height:{{{lh|}}}; }} }}
padding: 0px 4px;
+
{{#if: {{{va|}}} | {{#vardefine:style|{{#var:style}} vertical-align: {{{va|}}}; }} }}
padding-top: 0px;
+
{{#if: {{{bc|}}} | {{#vardefine:style|{{#var:style}} background: {{Farbe|{{{bc|}}}}}}}}}
margin-top: 1px;
+
  {{#if: {{#var:style|}} | style="{{#var:style}}" }}
{{#switch: {{lc:{{{2|}}} }}
+
>{{#switch: {{lc:{{{2|}}} }}
| r
 
| renew
 
| o
 
| otp
 
| trash
 
| printer
 
| print
 
| p=display: inline-flex;
 
| #default=display: inline-block;
 
}}
 
{{#if:{{{w|}}} | display: inline-block; width: {{{w|}}}; line-height:{{{lh|1.15}}};}}
 
vertical-align: {{{va|}}};
 
background: {{Farbe|{{{bc|}}} }}
 
  clear: both"
 
>{{#if:{{{w|}}} | <div style="float: left;">}}{{#switch: {{lc:{{{2|}}} }}
 
 
| werkzeug
 
| werkzeug
| w=<div class="glyphicons glyphicons-wrench glyphicons-size-12" style="vertical-align: -2px;"></div> <!-- <i class="fas fa-wrench"></i> -->
+
| w=<span class="glyphicons glyphicons-wrench glyphicons-size-12" style="vertical-align: -2px;"></span> <!-- <i class="fas fa-wrench"></i> -->
 
| download
 
| download
 
| d=<i class="glyphicons glyphicons-size-10 glyphicons-download-alt"></i>
 
| d=<i class="glyphicons glyphicons-size-10 glyphicons-download-alt"></i>
Zeile 39: Zeile 22:
 
| printer
 
| printer
 
| print
 
| print
| p=[[Datei:Printer.png|x13px|ohne|Link=]]
+
| p=<i class="glyphicons glyphicons-size-10 glyphicons-print"></i><!-- [[Datei:Printer.png|x13px| Link=]] -->
 
| renew
 
| renew
| r=[[Datei:Renew.png|x13px| Link=]]
+
| r=<i class="glyphicons glyphicons-size-10 glyphicons-restart"></i><!-- [[Datei:Renew.png | x13px| Link=]] -->
 
| stift
 
| stift
 
| s=<i class="glyphicons glyphicons-size-10 glyphicons-pencil"></i>
 
| s=<i class="glyphicons glyphicons-size-10 glyphicons-pencil"></i>
Zeile 47: Zeile 30:
 
| c=<i class="glyphicons glyphicons-size-10 glyphicons-ok"></i>  
 
| c=<i class="glyphicons glyphicons-size-10 glyphicons-ok"></i>  
 
| otp
 
| otp
| o=[[Datei:OTP.png | x10px| Link=]]  
+
| o=<i class="glyphicons glyphicons-size-10 glyphicons-history"></i><!-- [[Datei:OTP.png | x10px| Link=]] -->
| trash=[[Datei:Glyphicon-trash.png | x10px| Link=]]
+
| trash=<i class="halflings-size-10 ui-button halflings halflings-trash"></i><!-- [[Datei:Glyphicon-trash.png | x10px| Link=]] -->
 +
| folder+
 +
| addfolder=<i class="glyphicons glyphicons-folder-plus glyphicons-size-12"></i>
 
| +=<i class="glyphicons glyphicons-plus glyphicons-size-10"></i>
 
| +=<i class="glyphicons glyphicons-plus glyphicons-size-10"></i>
 
| window
 
| window
 
| mw=<i class="glyphicons glyphicons-more-windows glyphicons-size-10"></i>
 
| mw=<i class="glyphicons glyphicons-more-windows glyphicons-size-10"></i>
 
| refresh=<i class="ui-button-icon-primary glyphicons glyphicons-size-10 glyphicons-refresh"></i>
 
| refresh=<i class="ui-button-icon-primary glyphicons glyphicons-size-10 glyphicons-refresh"></i>
 +
| copy
 +
| copy-to-clippoard=<i class="glyphicons glyphicons-size-12 glyphicons-copy-to-clipboard"></i>
 
| upload
 
| upload
| u=<div class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-10"></div> <!-- [[Datei:Upload.png | x12px | Link=]] -->
+
| u=<i class="glyphicons glyphicons-download-alt-customized-upload glyphicons-size-10"></i> <!-- [[Datei:Upload.png | x12px | Link=]] -->
 
}}{{{1}}}{{#switch:  {{lc:{{{2|}}} }}
 
}}{{{1}}}{{#switch:  {{lc:{{{2|}}} }}
 
| dropdown
 
| dropdown
| dr={{#if: {{{w|}}} | </div><span style="float: right;">&emsp;<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; vertical-align: -1px;></i></span> |&ensp;<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; top: -1px;"></i>}}
+
| dr={{#if: {{{w|}}} |<span style="float: right;">&emsp;<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; vertical-align: -1px;></i></span> |&ensp;<i class="glyphicons glyphicons-size-10 glyphicons-chevron-down" style="font-size: 30%; top: -1px;"></i>}}
| dro= {{#if: {{{w|}}}|</div><span style="float: right;"><small>▾</small></span> | <span style="font-size: 70%; ">▾</span>}}
+
| dro= {{#if: {{{w|}}}|<span style="float: right;">▾</span> | <span style="font-size: 85%; padding-left: 3px; color: #444;">▾</span>}}
 
| b
 
| b
| blau=</div><div>
+
| blau=</span><span>
}}</div><noinclude>{{Dokumentation}}
+
}}</span><noinclude>{{Dokumentation}}
 
</noinclude>
 
</noinclude>

Aktuelle Version vom 5. Mai 2020, 13:20 Uhr

{{{1}}}


Syntax: {{Button | Button-Text | Option}}

2. Parameter Optional Darstellung
Button
| w oder | werkzeug Button
| d download Button
| pl oder | play Button
| p oder| printer oder | print Button
| r oder | renew Button
| s oder | stift Button
| c oder | check Button
| o oder | otp Button
| u oder | upload Button
| dr oder | dropdown Button  
| dro Button | dro
| d Button | d
| u Button | u
| b oder | blau Button
| trash Button
| + Button
| mw Button
| refresh Button
| addfolder oder folder+ Button
| copy Button
2. oder 3. Parameter Optional
| c=Farbe | d | c=rot
| w= width | dr | w=150px
| lh= line-height: 1.15 (Default)
nur in Verbindung mit w=
| w=170px | lh=1.5
| bc=Farbe | bc=blau | c=white-l