Small atachments should behave as icons in text

Give feedback and share suggestions about InkscapeForum.com.
User avatar
Grobe
Posts: 411
Joined: Tue Feb 02, 2010 2:20 am

Small atachments should behave as icons in text

Postby Grobe » Thu Mar 08, 2012 12:38 am

Hi.

Look at this post from me. I uploaded a small image 24x24px that should represent a icon for the non-color button.

However, it doesn't look like what I first imagined. I suggest small image atachments behaves just like the native icons on this forum. Like this example:
The fill icon :tool_paintbucket: appears here as just another character among the rest of the text.



Thanks
:lol:

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Small atachments should behave as icons in text

Postby brynn » Fri Mar 09, 2012 4:14 pm

Unfortunately, there are only so many things a forum admin can do in terms of customizing the forum to their needs. And this is not one of them. When you use attachments, you can use the "Place inline" option", as you have there, to change the line where attachments will appear in a message. But I don't think you can place the attachment in a particular place along the line.

You might have better luck using a regular image host, and inserting the image using the IMG tags. But I've sometimes found it tricky to do that as well. Images that small usually stay in the line, but at some certain point, depending on the size of the image, it won't stay on the same line.

You would not be the first person to wish that the forum smiley/emoticon collection included other frequently used Inkscape buttons. If microUgly were interested in such a thing, I think he would find plenty of volunteers to create them. All he would probably have to do, besides post the requirements for the icon images (size, format, etc.), is add them to the editor.

I guess I'm not sure which would take more of the limited space allocated for the forum (and possibly paid for, I'm not sure) -- having a larger smiley/icon collection (which I'm certain would be well utilized) or using attachments to show the button icons? But I do know that having more of the frequently used button icons available in the smiley collection would be very much appreciated by those of us who like to answer questions :D

(And if there's an issue of paying for space, I suspect we'd find volunteers to donate as well.)

User avatar
Grobe
Posts: 411
Joined: Tue Feb 02, 2010 2:20 am

Re: Small atachments should behave as icons in text

Postby Grobe » Sat Mar 10, 2012 1:03 am

Well, since I brought this case I also have a solution. Add a "custom icon/smiley" button.

I'm not an icon designer, but at least I have provided a suggestion for the button appearance.

No sh** I can't upload eny files here (but luckilly we have tinypic)
Image

More sh** is to come around as tinypic doesn't support svg images. So to being able to "upload" the file, I'll paste it in a text field below.

Code: Select all

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="24"
   height="24"
   id="svg4173"
   version="1.1"
   inkscape:version="0.48+devel r11041"
   sodipodi:docname="custom-smilie-button.svg">
  <defs
     id="defs4175">
    <linearGradient
       id="linearGradient3901">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop3903" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop3905" />
    </linearGradient>
    <linearGradient
       id="linearGradient4709">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop4711" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop4713" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3901"
       id="linearGradient3907"
       x1="197.03391"
       y1="167.71715"
       x2="215.70447"
       y2="186.38771"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.071204,0,0,1.071204,-14.714117,-12.598359)" />
    <linearGradient
       id="linearGradient4716">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop4718" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop4720" />
    </linearGradient>
    <linearGradient
       id="linearGradient3901-4">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop3903-0" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop3905-9" />
    </linearGradient>
    <linearGradient
       id="linearGradient4709-4">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop4711-8" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop4713-8" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3901-4"
       id="linearGradient3907-2"
       x1="197.03391"
       y1="167.71715"
       x2="215.70447"
       y2="186.38771"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.071204,0,0,1.071204,-14.714117,-12.598359)" />
    <linearGradient
       id="linearGradient4716-4">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop4718-5" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop4720-5" />
    </linearGradient>
    <filter
       style="color-interpolation-filters:sRGB"
       inkscape:collect="always"
       id="filter4165"
       x="-0.11674389"
       width="1.2334878"
       y="-0.061213739"
       height="1.1224275">
      <feGaussianBlur
         inkscape:collect="always"
         stdDeviation="0.37860059"
         id="feGaussianBlur4167" />
    </filter>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3901-1"
       id="linearGradient3927"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.89267277,0,0,0.89267277,-172.46839,882.41875)"
       x1="197.03391"
       y1="167.71715"
       x2="215.70447"
       y2="186.38771" />
    <linearGradient
       id="linearGradient3901-1">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop3903-7" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop3905-1" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3901-1"
       id="linearGradient3915"
       gradientUnits="userSpaceOnUse"
       x1="197.03391"
       y1="167.71715"
       x2="215.70447"
       y2="186.38771"
       gradientTransform="matrix(0.98194044,0,0,0.98194044,-214.91519,-1214.1001)" />
    <linearGradient
       id="linearGradient4855">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop4857" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop4859" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3901-1"
       id="linearGradient3907-1"
       x1="197.03391"
       y1="167.71715"
       x2="215.70447"
       y2="186.38771"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.071204,0,0,1.071204,-14.714117,-12.598359)" />
    <linearGradient
       id="linearGradient4862">
      <stop
         style="stop-color:#0000ff;stop-opacity:1;"
         offset="0"
         id="stop4864" />
      <stop
         style="stop-color:#fefefe;stop-opacity:1;"
         offset="1"
         id="stop4866" />
    </linearGradient>
    <linearGradient
       y2="186.38771"
       x2="215.70447"
       y1="167.71715"
       x1="197.03391"
       gradientTransform="matrix(1.071204,0,0,1.071204,-209.36138,850.83064)"
       gradientUnits="userSpaceOnUse"
       id="linearGradient4875"
       xlink:href="#linearGradient3901-1"
       inkscape:collect="always" />
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="7.9195959"
     inkscape:cx="29.788344"
     inkscape:cy="22.746193"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     width="0px"
     height="0px"
     fit-margin-top="0"
     fit-margin-left="0"
     fit-margin-right="0"
     fit-margin-bottom="0"
     inkscape:window-width="1920"
     inkscape:window-height="1024"
     inkscape:window-x="-4"
     inkscape:window-y="-4"
     inkscape:window-maximized="1"
     inkscape:snap-page="true"
     inkscape:snap-bbox="true"
     inkscape:bbox-nodes="true" />
  <metadata
     id="metadata4178">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-1028.3622)">
    <rect
       style="opacity:0.94736843;color:#000000;color-interpolation:sRGB;color-interpolation-filters:linearRGB;fill:url(#linearGradient4875);fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;clip-rule:nonzero"
       id="rect3899"
       width="24"
       height="23.999926"
       x="0"
       y="1028.3622" />
    <rect
       y="-1051.3622"
       x="-23.000031"
       height="22"
       width="22.000065"
       id="rect3909"
       style="opacity:0.94736843;color:#000000;color-interpolation:sRGB;color-interpolation-filters:linearRGB;fill:url(#linearGradient3915);fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;clip-rule:nonzero"
       transform="scale(-1,-1)" />
    <rect
       y="1030.3622"
       x="1.9999692"
       height="20"
       width="20.000061"
       id="rect3925"
       style="opacity:0.94736843;color:#000000;color-interpolation:sRGB;color-interpolation-filters:linearRGB;fill:url(#linearGradient3927);fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;clip-rule:nonzero" />
    <text
       xml:space="preserve"
       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;filter:url(#filter4165);font-family:Bitstream Vera Sans"
       x="5.8783264"
       y="1048.5786"
       id="text3929"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan3931"
         x="5.8783264"
         y="1048.5786"
         style="font-size:20px">?</tspan></text>
    <text
       sodipodi:linespacing="125%"
       id="text3933"
       y="1048.5262"
       x="6.1401367"
       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans"
       xml:space="preserve"><tspan
         style="font-size:22px;fill:#ffffff"
         y="1048.5262"
         x="6.1401367"
         id="tspan3935"
         sodipodi:role="line">?</tspan></text>
  </g>
</svg>
:lol:

User avatar
microUgly
Site Admin
Posts: 2985
Joined: Sat Jun 02, 2007 3:13 pm
Contact:

Re: Small atachments should behave as icons in text

Postby microUgly » Sun Mar 11, 2012 8:47 am

None of the tool icons are SVG--they are all GIFs.

In any case, you'll notice that the only icons provided are for the tools. It has been requested before to add other icons--I'm afraid I can't find the thread. But I decided against it as I don't want to set a precedence that would result in every single icon needing to be added.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Small atachments should behave as icons in text

Postby brynn » Sun Mar 11, 2012 10:43 am

....that would result in every single icon needing to be added.

First, I certainly respect your opinions, decisions and authority on this forum. So with respect, I'm not sure it would require "every single icon". Even it if did, I'm not so sure that would be a bad thing.

But what is it that Grobe has suggested? Is that some kind of....I don't know....."other" button, which would allow any image to be used as a smiley? Oh, or all the code he posted has allowed his image to be displayed, correct? (new lesson for me) But that blue ? button, would it refer to another set of smiley/emoticons? And that's the set that would potentially include "every single icon"?

I honestly don't mind giving instructions/suggestions using the menu items. Especially since I can't remember all the keyboard shortcuts. But there are several buttons which have no menu equivalent. In those cases, it would be really nice to have a smiley/emoticon (11th button from the left, 3rd button from the right, etc. just feels like a primitive way to communicate). Maybe it would not seem like such a huge task, if it were limited to buttons which have no menu item?

OR if you have no objection to delegating responsibility, I certainly could find the time to upload any new button icon/smiley images. You wouldn't have to give me any permanent admin status -- just a temporary password or something. I don't know that I could create all the little images, but again, I suspect others might volunteer.

Well anyway, just to make you the offer. I think it would make for a better and more efficient forum, and I would volunteer to do the work :D

:idea: :idea: You know, it really should work to use the Img tags though, assuming all the button icons are no bigger than typical smiley/emoticons. Here's what I could do, and possibly with some help from others, is to create an ImageShack account where I would upload all the button icons. Then I would just share the IS log-in info, and anyone who needs special buttons can go to that account and get the URL, then use Img tags to insert into a message.

Any support or comments appreciated (on the IS idea) :D

User avatar
microUgly
Site Admin
Posts: 2985
Joined: Sat Jun 02, 2007 3:13 pm
Contact:

Re: Small atachments should behave as icons in text

Postby microUgly » Sun Mar 11, 2012 9:45 pm

Maybe it would not seem like such a huge task, if it were limited to buttons which have no menu item?

Originally I said, "I'll limit it to just tool icons". Now we're asking to "limit it to buttons that don't have a menu". But it won't stop--some will question why icon "c" isn't included and debate the merits of adding that icon because they use it all the time.

There are about 300 icons used in Inkscape. Too much information can be as bad as not enough. The icons would have to be grouped, which will require someone writes code to extend the basic function of the forum.

I know it's useful. That's why I added the original set. But only I can add sets because you require server access which I'm not prepared to give out.

But I have no problem at all if someone want to provide a URL for each individual icon that people can use on the forum with \[IMG\] tags. The are usability issues with providing access to these via the forum--something I would rather avoid. I'm happy to make a topic sticky that contains all the image URLs.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Small atachments should behave as icons in text

Postby brynn » Wed Mar 14, 2012 10:15 am

I'll start to work on a ImageShack account. Not sure how long it might take, but I'll work on it when I have time :D


Return to “Feedback & Suggestions”