Difference between revisions of "Template:Download button"
Jump to navigation
Jump to search
| (13 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><div title="{{{tooltip|}}}" class="plainlinks" style="cursor: pointer; margin: {{#ifeq:{{autoalign}}|right|0 1em 1em 0|0 0 1em 1em}}; box-shadow:2px 2px 10px #A8A8A8; float: {{revautoalign}}; clear: {{revautoalign}}; padding: 1em; height: {{{height|70px}}}; width: {{{width|300px}}}; border: solid 1px #888888; background: #bfbfbf; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#bbb)); background: -moz-linear-gradient(0% 100% 90deg,#bbb, #e5e5e5); border: 1px solid #ccc; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0px 1px 3px #f5f5f5; -webkit-box-shadow: inset 0px 1px 3px #f5f5f5; color: #333; font-family: lucida grande, sans-serif; font-weight: bold; line-height: 1; padding: 1em; text-align: center; text-shadow: 0 1px 0px #eee;"><div style="float: {{autoalign}}; vertical-align: middle; height: {{{height|150px}}};">[[File:{{{image|Download.svg}}}|{{{imagewidth|50px}}}|link={{{link}}}]]</div><div style="height: {{{height|150px}}}; width: {{{width|300px}}}; vertical-align: middle; font-size: {{{titlefontsize|x-large}}}; text-align: center; display: table-cell; vertical-align: middle;">[{{{link}}} {{{title}}}]</div>{{#ifeq:{{{subtitle|}}}|||<span style="font-size: {{{subtitlefontsize|x-small}}}; | <includeonly><div title="{{{tooltip|}}}" class="plainlinks download_button" style="cursor: pointer; margin: {{#ifeq:{{autoalign}}|right|0 1em 1em 0|0 0 1em 1em}}; box-shadow:2px 2px 10px #A8A8A8; float: {{revautoalign}}; clear: {{revautoalign}}; padding: 1em; height: {{{height|70px}}}; width: {{{width|300px}}}; border: solid 1px #888888; background: #bfbfbf; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#bbb)); background: -moz-linear-gradient(0% 100% 90deg,#bbb, #e5e5e5); border: 1px solid #ccc; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0px 1px 3px #f5f5f5; -webkit-box-shadow: inset 0px 1px 3px #f5f5f5; color: #333; font-family: lucida grande, sans-serif; font-weight: bold; line-height: 1; padding: 1em; text-align: center; text-shadow: 0 1px 0px #eee;"><div style="float: {{autoalign}}; vertical-align: middle; height: {{{height|150px}}};">[[File:{{{image|Download.svg}}}|{{{imagewidth|50px}}}|link={{{link}}}]]</div><div style="height: {{{height|150px}}}; width: {{{width|300px}}}; vertical-align: middle; font-size: {{{titlefontsize|x-large}}}; text-align: center; display: table-cell; vertical-align: middle;">[{{{link}}} {{{title}}}]</div>{{#ifeq:{{{subtitle|}}}|||<span style="font-size: {{{subtitlefontsize|x-small}}}; display: inline-block; margin-left: {{{imagewidth|50px}}}; ">{{{subtitle}}}</span>}}</div></includeonly><noinclude> | ||
== Documentation == | == Documentation == | ||
* '''width''' (default 300px): Width of the button | * '''width''' (default 300px): Width of the button | ||
| Line 14: | Line 14: | ||
== Example == | == Example == | ||
<source lang="text"> | <source lang="text"> | ||
{{Download_button|link= | {{Download_button|link=https://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=small|title=Download now!|subtitle=...using BitTorrent}} | ||
</source> | </source> | ||
{{Download_button|link= | {{Download_button|link=https://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=small|title=Download now!|subtitle=...using BitTorrent}}</noinclude> | ||
Latest revision as of 08:09, 23 November 2020
Documentation
- width (default 300px): Width of the button
- height (default 70px): Height of the button
- image (default download.svg): Name of the image
- imagewidth (default 50px): Width of the image
- link: Button link
- title: Text of the button
- titlefontsize (default x-large): font size of the title
- subtitle: Text of the text on the bottom of the button
- subtitlefontsize (default x-large): font size of the subtitle
- tooltip: button tooltip
Example
{{Download_button|link=https://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=small|title=Download now!|subtitle=...using BitTorrent}}
