Difference between revisions of "Widget:Logo"

From Hackerspace ACKspace
Jump to: navigation, search
m (whoops, typo)
m (allow relative url for logo)
Line 29: Line 29:
  
 
</noinclude><includeonly>
 
</noinclude><includeonly>
<canvas id="logo" width="<!--{$width|escape:html|default:auto}-->" height="<!--{$height|escape:html|default:auto}-->" style="float:<!--{$float|escape:html|default:none}-->"><img id="img" src="<!--{$image|validate:url}-->"/></canvas>
+
<canvas id="logo" width="<!--{$width|escape:html|default:auto}-->" height="<!--{$height|escape:html|default:auto}-->" style="float:<!--{$float|escape:html|default:none}-->"><img id="img" src="<!--{$image|escape:urlpathinfo}-->"/></canvas>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
(function( )
 
(function( )

Revision as of 11:53, 24 February 2016

This widget creates an animated themed ACKspace logo.

Created by xopr

Using this widget

To insert this widget, use the following code:

{{#widget:Logo
|image=https://ackspace.nl/w/images/e/e9/ACKsmass_logo.png
|width=600px
|height=200px
|padding=8px
|float=right
}}

This will give the following result:

Note that image is mandatory, the rest is optional. Also, you must provide a unit for the sizes (i.e. px, %, etc.)

Copy to your site

To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:Logo article.