Difference between revisions of "Template:Download button"

Jump to navigation Jump to search
Subtitle centered
(Subtitle centered)
(15 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}}}; font-size: {{{titlefontsize|x-large}}}; vertical-align: middle; text-align: center; display: table-cell; vertical-align: middle;">[{{{link}}} {{{title}}}]</div>{{#ifeq:{{{subtitle|}}}|||<span style="font-size: {{{subtitlefontsize|x-small}}}; float: {{revautoalign}};">{{{subtitle}}}</span>}}</div></includeonly><noinclude>
<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=http://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=10px|title=Download now!|subtitle=...using Bittorrent}}
{{Download_button|link=http://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=http://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=30px|title=Download now!|subtitle=...using Bittorrent}}</noinclude>
{{Download_button|link=http://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=small|title=Download now!|subtitle=...using BitTorrent}}</noinclude>

Navigation menu