Icons: Difference between revisions

Line 1:

[[Help:Contents]] provides details about using graphics.

~~In order to provide more utility for using Icons and graphics as interface elements in this wiki, we've installed~~ the [[mw:Extension:Icon|Icon Extension]] ~~This creates a new "parser function" which simply means that the syntax for using graphics is easier.~~

I formerly used the [[mw:Extension:Icon|Icon Extension]] before this functionality was included in newer versions of MediaWiki.

~~== Usage ==~~

~~<pre>~~

~~{{#icon: image title | image alt text | image width | page to link to }}~~

~~</pre>~~

* Only the '''image title''' argument is required - the rest are optional.

~~<pre>~~

~~{{#icon: Info.png|Info}} will display the Info.png icon~~ in ~~it's default size~~

~~{{#icon: Info.png|Info|24}} will display the Info.png icon with a width~~ of ~~24px~~

~~{{#icon: Info.png|Info|24|Special:Help}} same as above and clicking on it will link to Special:Help~~

~~</pre>~~

~~{{Ambox~~

~~| text = I have modified this extension '''locally''' to be able to specify the HTML class attribute as the third argument~~. }}

== Installing Icons ==

Line 26:

Line 12:

php importImages.php --extensions=svg --user=Freephile --comment='Get the whole set at http://www.oxygen-icons.org' /tmp/

</source>

== Creating Favicons and Application Icons ==

You can use [[Inkscape]] as a tool to create your web and application icons.

Resources:

* http://www.creativebloq.com/illustrator/create-perfect-favicon-12112760

* http://androidcookbook.com/Recipe.seam?recipeId=2549

@@ Line 1: / Line 1: @@
 [[Help:Contents]] provides details about using graphics.
-In order to provide more utility for using Icons and graphics as interface elements in this wiki, we've installed the [[mw:Extension:Icon|Icon Extension]]  This creates a new "parser function" which simply means that the syntax for using graphics is easier.
+I formerly used the [[mw:Extension:Icon|Icon Extension]] before this functionality was included in newer versions of MediaWiki.
-== Usage ==
-<pre>
-{{#icon: image title | image alt text | image width | page to link to }}
-</pre>
-* Only the '''image title''' argument is required - the rest are optional.
-<pre>
-{{#icon: Info.png|Info}} will display the Info.png icon in it's default size
-{{#icon: Info.png|Info|24}} will display the Info.png icon with a width of 24px
-{{#icon: Info.png|Info|24|Special:Help}} same as above and clicking on it will link to Special:Help
-</pre>
-{{Ambox
-| text = I have modified this extension '''locally''' to be able to specify the HTML class attribute as the third argument. }}
 == Installing Icons ==
@@ Line 26: / Line 12: @@
 php importImages.php --extensions=svg --user=Freephile --comment='Get the whole set at http://www.oxygen-icons.org' /tmp/
 </source>
+== Creating Favicons and Application Icons ==
+You can use [[Inkscape]] as a tool to create your web and application icons.
+Resources:
+* http://www.creativebloq.com/illustrator/create-perfect-favicon-12112760
+* http://androidcookbook.com/Recipe.seam?recipeId=2549