User Script Icon

By LouCypher Last update Aug 12, 2005 — Installed 8,206 times.

Archived Comments (locked)

in
Subscribe to Archived Comments 8 posts, 8 voices



Jesse Andrews Admin

The following is an archive of comments made before threaded discussions was implemented (November 16th, 2008)

 
Páhh Borges User

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

 
LouCypher Script's Author

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';
 
FF3user User

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 :)!

 
Johan Sundström Scriptwright

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

 
FirefoxWiz Scriptwright

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

Oh well, I think its great!!

 
Arteekay User

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

Thanks again LouCypher!!!

 
Josh 1 Scriptwright

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 ;)