Vorlage:Button2: Unterschied zwischen den Versionen

Aktuelle Version vom 17. Februar 2020, 09:07 Uhr

{{{1}}}

Dokumentation erstellen

Syntax-Seite erstellen

Test-/Beispielseite erstellen

@@ Zeile 1: / Zeile 1: @@
-<templatestyles src="Vorlage:Styles.css" />
+<templatestyles src="Vorlage:Styles.css" />{{#vardefine:style|}}<span
-<span style="
+	class="button {{#switch: {{lc:{{{2|}}} }}
-	background-image: linear-gradient(#ededed, #c4c4c4);
-	color:{{ Farbe | {{{c|rgb(49, 49, 49)}}} }};
-	{{#switch: {{lc:{{{2|}}} }}
 		| 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);
+	}}"
-	}}
+	{{#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|}}}; }} }}
+	{{#if: {{{bc|}}} | {{#vardefine:style|{{#var:style}} background: {{Farbe|{{{bc|}}}}}}}}}
-	{{#if:{{{w|}}} | display: inline-block; width: {{{w|}}}; line-height:{{{lh|1.15}}};}}
+ 	{{#if: {{#var:style|}} | style="{{#var:style}}" }}
-	vertical-align: {{{va|}}};
+>{{#switch: {{lc:{{{2|}}} }}
-	background: {{Farbe|{{{bc|}}} }}
-	clear: both"
->{{#if:{{{w|}}} | <span style="float: left;">}}{{#switch: {{lc:{{{2|}}} }}
 	| werkzeug
-	| w=<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
-	| d=<i class="glyphicons glyphicons-size-12 glyphicons-download-alt"></i>
+	| d=<i class="glyphicons glyphicons-size-10 glyphicons-download-alt"></i>
 	| pl
-	| play=<small><small><i class="glyphicons glyphicons-size-12 glyphicons-play"></i></small></small>
+	| play=<small><small><i class="glyphicons glyphicons-size-10 glyphicons-play"></i></small></small>
 	| printer
 	| print
-	| p=[[Datei:Printer.png|x13px| Link=]]
+	| p=<i class="glyphicons glyphicons-size-10 glyphicons-print"></i><!-- [[Datei:Printer.png|x13px| Link=]] -->
 	| renew
-	| r=[[Datei:Renew.png | x13px| Link=]]
+	| r=<i class="glyphicons glyphicons-size-10 glyphicons-restart"></i><!-- [[Datei:Renew.png | x13px| Link=]] -->
 	| stift
-	| s=<i class="glyphicons glyphicons-size-12 glyphicons-pencil"></i>
+	| s=<i class="glyphicons glyphicons-size-10 glyphicons-pencil"></i>
 	| check
-	| c=<i class="glyphicons glyphicons-size-12 glyphicons-ok"></i>
+	| c=<i class="glyphicons glyphicons-size-10 glyphicons-ok"></i>
 	| otp
-	| o=[[Datei:OTP.png | x10px| Link=]]
+	| o=<i class="glyphicons glyphicons-size-10 glyphicons-history"></i><!-- [[Datei:OTP.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>
+	| window
+	| 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>
+	| copy
+	| copy-to-clippoard=<i class="glyphicons glyphicons-size-12 glyphicons-copy-to-clipboard"></i>
 	| upload
-	| u=[[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|}}} }}
 	| dropdown
-	| dr={{#if: {{{w|}}} | </span><span style="float: right;"><i class="glyphicons glyphicons-size-12 glyphicons-chevron-down" style="font-size: 50%; top: -1px;></i></span> |<i class="glyphicons glyphicons-size-12 glyphicons-menu-down" style="font-size: 50%; 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|}}} | </span><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
-	| blau=</span>&nbsp;<span>
+	| blau=</span><span>
 }}</span><noinclude>{{Dokumentation}}
 </noinclude>