Difference between revisions of "Template:Download button"

From Kiwix
Jump to navigation Jump to search
Line 1: Line 1:
<includeonly><div title="{{{tooltip|}}}" class="plainlinks" style="cursor: pointer; margin: {{#ifeq:{{autoalign}}|right|0 10px 10px 0|0 0 10px 10px}}; box-shadow:2px 2px 10px #A8A8A8; float: {{revautoalign}}; clear: {{revautoalign}}; padding: 10px; height: 90px; 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: 10px; padding: 1px; 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}}}; float: {{revautoalign}};">{{{subtitle}}}</span>}}</div></includeonly><noinclude>
<includeonly><div title="{{{tooltip|}}}" class="plainlinks" style="cursor: pointer; margin: {{#ifeq:{{autoalign}}|right|0 20px 20px 0|0 0 20px 20px}}; box-shadow:2px 2px 10px #A8A8A8; float: {{revautoalign}}; clear: {{revautoalign}}; padding: 10px; height: 90px; 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: 10px; padding: 1px; 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}}}; float: {{revautoalign}};">{{{subtitle}}}</span>}}</div></includeonly><noinclude>
== Documentation ==
== Documentation ==
* '''width''' (default 300px): Width of the button
* '''width''' (default 300px): Width of the button

Revision as of 16:56, 8 November 2015

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=http://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=small|title=Download now!|subtitle=...using BitTorrent}}