Difference between revisions of "Template:Download button"

From Kiwix
Jump to navigation Jump to search
Line 1: Line 1:
<includeonly><div class="plainlinks" style="cursor: pointer; box-shadow:2px 2px 10px #A8A8A8; float: right; clear: right; 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-size: 12px; font-weight: bold; line-height: 1; padding: 1em; text-align: center; text-shadow: 0 1px 0px #eee;"><div style="float: left;">[[File:{{{image|Download.svg}}}|{{{imagewidth|50px}}}|link={{{link}}}]]</div><div style="height: {{{height|150px}}}; width: {{{width|300px}}}; font-size: {{{titlefontsize|xx-large}}}; vertical-align: middle; text-align: center; display: table-cell; vertical-align: middle;">[{{{link}}} {{{title}}}]</div></div></includeonly><noinclude>
<includeonly><div class="plainlinks" style="cursor: pointer; box-shadow:2px 2px 10px #A8A8A8; float: right; clear: right; 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-size: 12px; font-weight: bold; line-height: 1; padding: 1em; text-align: center; text-shadow: 0 1px 0px #eee;"><div style="float: left;">[[File:{{{image|Download.svg}}}|{{{imagewidth|50px}}}|link={{{link}}}]]</div><div style="height: {{{height|150px}}}; width: {{{width|300px}}}; font-size: {{{titlefontsize|xx-large}}}; vertical-align: middle; text-align: center; display: table-cell; vertical-align: middle;">[{{{link}}} {{{title}}}]</div></div></includeonly><noinclude>
</noinclude>
== Documentation ==
Parameters:
* '''width''' (default 300px): Width of the button
* '''width''' (default 300px): Width of the button
* '''height''' (default 70px): Height of the button
* '''height''' (default 70px): Height of the button
Line 9: Line 8:
* '''title''': Text of the button
* '''title''': Text of the button
* '''titlefontsize''' (default xx-large): font size of the title
* '''titlefontsize''' (default xx-large): font size of the title
== Example ==
<source lang="text">
{{Download_button|link=http://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=30px|title=Download now!}}
</source>
{{Download_button|link=http://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=30px|title=Download now!}}</noinclude>

Revision as of 11:56, 17 February 2013

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 xx-large): font size of the title

Example

{{Download_button|link=http://www.google.fr|image=download.svg|imagewidth=50px|width=250px|height=70px|titlefontsize=30px|title=Download now!}}