Differences

This shows you the differences between two versions of the page.

--- tools:graphics:nanoscopic_-_mouse_click_icons [2021/01/26 11:07] – ↷ Page moved from start:tools:graphics:nanoscopic_-_mouse_click_icons to tools:graphics:nanoscopic_-_mouse_click_icons mischerh
+++ tools:graphics:nanoscopic_-_mouse_click_icons [2021/01/26 16:05] (current) – [HowTo (and sample usage)] mischerh
@@ Line 2: / Line 2: @@
 ====== nanoscopic - Mouse Click Icons ======
-To be able to visualize mouse clicks in various documentation, I've needed some icons. So I've made them.
+To be able to visualize mouse clicks in various documentation, I've needed some icons. To not get bothered by copyright stuff, I've created my own simple icon set.
-{{ :start:tools:graphics:nanoscopic-mouse-click-icons.png?nolink&600 |}}
+{{ :tools:graphics:nanoscopic-mouse-click-icons.png?nolink&600 |}}
-[[start:tools:graphics:nanoscopic_-_mouse_click_icons|nanoscopic - Mouse Click Icons]] by [[https://www.nanoscopic.de/|Heiko Mischer]] is licensed under [[http://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1|Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International]].
+===== License =====
+[[tools:graphics:nanoscopic_-_mouse_click_icons|nanoscopic - Mouse Click Icons]] by [[https://www.nanoscopic.de/|Heiko Mischer]] are licensed under [[http://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1|Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International]].
+<sxh html gutter: false>
+<a href="https://wiki.nanoscopic.de/doku.php/tools/graphics/nanoscopic_-_mouse_click_icons" target="_blank">nanoscopic - Mouse Click Icons</a> by <a href="https://www.nanoscopic.de/" target="_blank">Heiko Mischer</a> licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</a>
+</sxh>
+===== Get nanoscopic - Mouse Click Icons =====
+<WRAP center centeralign round download 60%>
+You can find the repository and download the source SVG at Codeberg:
+[[{:tools:graphics:buttons:button-50x50-codeberg-logo.png| width: 400px}https://codeberg.org/rokkitlawnchair/nanoscopic-mouse-click-icons| nanoscopic - Mouse Click Icons at Codeberg]]
+</WRAP>
+===== Icons Preview =====
+^  icons (22 x 25  px)                    ^  wiki syntax                                                                                              ^
+|  {{:tools:graphics:mc22x25-none.png|}}  | <nowiki>{{:tools:graphics:mc22x25-none.png?nolink|no mouse button pressed}}</nowiki>                      |
+|  {{:tools:graphics:mc22x25-l.png|}}     | <nowiki>{{:tools:graphics:mc22x25-l.png?nolink|left mouse button pressed}}</nowiki>                       |
+|  {{:tools:graphics:mc22x25-m.png|}}     | <nowiki>{{:tools:graphics:mc22x25-m.png?nolink|mouse wheel or middle mouse button pressed}}</nowiki>      |
+|  {{:tools:graphics:mc22x25-r.png|}}     | <nowiki>{{:tools:graphics:mc22x25-r.png?nolink|right mouse button pressed}}</nowiki>                      |
+|  {{:tools:graphics:mc22x25-lm.png|}}    | <nowiki>{{:tools:graphics:mc22x25-lm.png?nolink|left and middle mouse buttons pressed}}</nowiki>          |
+|  {{:tools:graphics:mc22x25-mr.png|}}    | <nowiki>{{:tools:graphics:mc22x25-mr.png?nolink|middle and right mouse buttons pressed}}</nowiki>         |
+|  {{:tools:graphics:mc22x25-lr.png|}}    | <nowiki>{{:tools:graphics:mc22x25-lr.png?nolink|left and right mouse buttons pressed}}</nowiki>           |
+|  {{:tools:graphics:mc22x25-lmr.png|}}   | <nowiki>{{:tools:graphics:mc22x25-lmr.png?nolink|left, middle and right mouse buttons pressed}}</nowiki>  |
+===== HowTo (and sample usage) =====
+Just open the source file with [[https://inkscape.org/|inkscape]] and then:
+  * left click {{:tools:graphics:mc22x25-l.png?nolink|left mouse button pressed}} one of the icons
+  * in the file menu of inkscape left click {{:tools:graphics:mc22x25-l.png?nolink|left mouse button pressed}} '**File**'
+  * now left click {{:tools:graphics:mc22x25-l.png?nolink|left mouse button pressed}} '**Export PNG Image**' to open the //Export PNG Pane//
+  * choose export settings
+  * left click {{:tools:graphics:mc22x25-l.png?nolink|left mouse button pressed}} '**Export**'
+<WRAP center round important 60%>
+If you want to change the colors:
+  * Each icon is a group of objects, which has a transparent rectangle as background.
+  * To ungroup simply select an icon by left clicking {{:tools:graphics:mc22x25-l.png?nolink|left mouse button pressed}} it and then press <key>CTRL+SHIFT+g</key>
+  * Before exporting to PNG, do not forget to regroup all objects resembling an icon (including the transparent backround rectangle) by selecting them and pressing <key>CTRL+g</key>.
+</WRAP>
+~~DISCUSSION~~