Extra caution is recommended when installing recently uploaded/updated scripts (read more)
Be sure you trust any scripts you install

User Script Icon

Adds a small greasemonkey icon on every users script link (.user.js)

Screenshot

Screenshot taken from Jesse Ruderman's blog. Click the image to go to the original page.

You can use this script or add this code to userContent.css






1 point
login to vote
Patty Borges user
Posted Jun 29, 2008

THAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANK you, loucypher.
I was dying to find this again. thanx thanx thanx

1 point
login to vote
LouCypher script's author
Posted May 30, 2008

FF3B5tester wrote:

However the script will NOT make the links look like they to in the screenshot.

You're right. I modified the script but forgot to change the screenshot. I use your screenshot now. Thanks.

FF3B5tester wrote:

I would like though to see how it would look with the monkey icon to the right

link.style.backgroundPosition = 'right center';
      link.style.paddingLeft = '.5em';
      link.style.paddingRight = '14px';

However, this will make the icon attached to the right, so you have to replace it with a new image (with 2 blank pixels on the right)

link.style.backgroundImage = 'url(data:image/png;base64,\
      iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAMAAAC38k/IAAAAFXRFWHRDcmVhdGlvbiBU\
      aW1lAAfVCAoDCCj7wfNCAAAAB3RJTUUH2AUfAwIFsjnUDwAAAAlwSFlzAAAK8AAACvAB\
      Qqw0mAAAAwBQTFRF////JSAiJyEkWE1Ve2JifWVldmlwe2tymjQAmzcAnDcAnzwAoT8A\
      qDoAqTwApUkOrEUArEgAsUYAtUwAq1ctrVkzrFo0vmo4gmtqunldvXxixFAAxFEAz1UA\
      z1YA0VcA0lYA1l0H3mkbwXFDzXpLzXtLkH2J64VH7odMnoqVr42PtJKRvJmYv6WwwJyb\
      yKOk2bGz27W23rW08qaI/ayH/7WP4re2972v/8Ct/8W59MbF/8rA/8vA+MnI/9XB/9HN\
      /9fU/9rX/+Ti/+Xr/+nu/+ny/+34//Hz//L0//D8AAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\
      AAAAAAAAAAAAAAAAAAAAHmd/RAAAAAF0Uk5TAEDm2GYAAABrSURBVHjaY2BgYOCWluFm\
      gAIhVR4uFWEIW8zGzd7c01IKxFYQdNU2MNRyEZAFcuQ5nRhZWZgcOeRAUrzi7vp6Hsp8\
      YD3Gzg5mRo7O1mCOqZqEla0Osx2YI2Kiy8auacEPMVtSUV1DSRTEAgCzKQsdIBABGQAA\
      AABJRU5ErkJggg==)';
      link.style.backgroundPosition = 'right center';
      link.style.paddingLeft = '.5em';

and change the right padding to 16 pixels instead of 14

link.style.paddingRight = '16px';
1 point
login to vote
FF3user user
Posted May 30, 2008

This script definitely does make the userscript links stand out, making them easier and quicker to locate on a site (Thumbs up :)).
However the script will NOT make the links look like they to in the screenshot. The script makes them look like this: http://img144.imageshack.us/img144/4116/uscript...

I experimented a bit, and found out this is how to do if you wanna have it look like in the author screenshot:
1. Delete the following part of the code (its in the bottom): 

      link.style.backgroundColor = 'buttonFace';
            link.style.backgroundPosition = '2px center';
            link.style.backgroundRepeat = 'no-repeat';
            link.style.color = 'buttonText';
            link.style.textDecoration = 'none';
            link.style.paddingLeft = '14px';
            link.style.paddingRight = '.5em';
            link.style.border = '1px solid #aaa';   
            link.style.MozBorderRadius = '1em';

2. Replace it with this code: 
      link.style.backgroundPosition = '2px center';
            link.style.backgroundRepeat = 'no-repeat';
            
            
            link.style.paddingLeft = '14px';
            link.style.paddingRight = '.5em';
              
            link.style.MozBorderRadius = '1em';

... But actually I like the thing about adding some background color to it, making it stand more out. I modded the original code a bit, and come up with this (my favorite look/preferences ): 

      link.style.backgroundColor = '#CCC';
            link.style.backgroundPosition = '2px center';
            link.style.backgroundRepeat = 'no-repeat';
            
            
            link.style.paddingLeft = '14px';
            link.style.paddingRight = '.5em';
            link.style.border = '1px solid #aaa';   
            link.style.MozBorderRadius = '1em';

I would like though to see how it would look with the monkey icon to the right, but couldn't figure out how to move it there (I'm not a pro at all unfortunately :(). Can you tell me how to do that :)?

P.S. its superb that an edit function has been added to userscripts.org :)!

1 point
login to vote
Johan Sundström scriptwright
Posted Jul 2, 2006

For a more generic script to add any icon you like to links to anything you like (specific extensions, host names, blog posts or whatnot) I warmly recommend Mark My Links, http://userscripts.org/scripts/show/3382

1 point
login to vote
FirefoxWiz scriptwright
Posted Feb 25, 2006

I agree with Josh, the monkey does look a little weird...

Oh well, I think its great!!

1 point
login to vote
Arteekay user
Posted Sep 28, 2005

Updated beyond the screenshot, but I like the new version even better.

Thanks again LouCypher!!!

1 point
login to vote
Josh 1 scriptwright
Posted Sep 15, 2005

Works good. Nice way to do a quick search to find the greasemonkey scripts on a page with a lot of links :P The monkey looks a little odd though ;)

You could comment on this script if you were logged in.