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

Userscripts - Colored Bar *Customizable*

Changes the bright orange color of Userscripts.org to a different color.

Description

This script changes the orange bar across the top to a different color, of your choice, it includes 5 preset colors, and it is easy to choose which one you want, and its also not hard to program your own colors.

Just add the code below to the bottom of the script. If you want to keep all the color variables together, put the "var color = "mycolor";" at the top with the other colors so if you end up with like 20 colors, your not scrolling through the script to find them.

How to Customize

  • To customize go to the little monkey face in the bar at the bottom of Firefox.
  • Right-Click on it and go to "Manage User Scripts..."
  • Find the script titled "Userscripts - Colored Bar *Customizable*" select it.
  • Then click the 'Edit' button below the white box with the scripts in it.
  • If it's your first time editing a script, you may have to pick an editing tool, pick Notepad.
  • Read the text under "EDIT HERE" for further instructions.

    • Code for Custom colors

    var color = "mycolor";

if(color=="mycolor"){
document.getElementById('header').style.backgroundColor = '#HEXCODEHERE';
var images = document.getElementsByTagName("img");
for (var i = 0; i < images.length; i++) {
  var elem = images[i];
  if (elem.src == "http://static.userscripts.org/images/userscripts.org.png?1173055699")
    elem.src = "YOUR IMAGE URL HERE";
}}

    Updates

    April

  • Edited it to include the "Error page" about the monkey playing with the cat. But you can get my other script, and you will never see that page again.
  • Added a new theme, black logo, custom text.

    • July

  • Fixed problem with the image not working after each reload, due to the number changing. Thanks to InsaneNinja
  • Removed excess code that wasn't needed. Added a new theme, called Custom2 which is a light blue color with custom text, and a slight glow was added to the text to make it look soft to fit well with the light blue. Custom2 replaced the black theme, named Custom, as the new default theme of the script. Also decided to remove support for the error page because the code slowed the script down, and I have another script that deals with that problem.

    • Screenshots

    Custom

    Custom2

    ____________________

    Blue

    Black

    Purple

    Red

    Green





    1 point
    login to vote
    InsaneNinja scriptwright
    Posted Jul 15, 2007

    that number is an unix time element i believe..

    Every time you view the page, you'd re-download it. I'm not sure why they would use it, unless the banner is linked to a script that gathers statistics.

    anyway, use this..

     if (elem.src.match('static.userscripts.org/images/userscripts.org.png'))

    1 point
    login to vote
    Timothy script's author
    Posted Jul 14, 2007

    Thanks, I noticed this a while back, but didn't think people were using my script so I didn't worry about fixing it. I know what I need to do to fix it. Just dont have much time at home lately.

    If someone could fix it for me that'd be great.

    Just get the URL to the image in a variable. have the script retrieve it from the page. Using somekind of loop. Then put the variable in the loop that changes the image instead of the URL.

    1 point
    login to vote
    Sean Watson scriptwright
    Posted Jul 13, 2007

    The image doesn't seem to work. I fixed it yesterday, but it looks like the image "changes" everyday.

    Yesterday the image url was

    http://static.userscripts.org/images/userscripts.org.png?1183602575

    and today it's

    http://static.userscripts.org/images/userscripts.org.png?1184358097

    The only way that this would work right is if there was some way to use a wild card value like "*", but there isn't an easy way to do that as far as I know.
    I'd like to help you out, but my knowledge of javascript is very limited.

    1 point
    login to vote
    Sean Watson scriptwright
    Posted Jul 12, 2007

    They seemed to have changed the code a little for the image.

    I changed the

    if (elem.src == "http://static.userscripts.org/images/userscripts.org.png?1173055699")

    to

    if (elem.src == "http://static.userscripts.org/images/userscripts.org.png?1183602575")

    It works now, atleast for the time being.
    I have taken the time to upload it here

    1 point
    login to vote
    Timothy script's author
    Posted Apr 16, 2007

    Thanks :)

    I may end up just replacing all the styles with custom logos at least, and may extend it to change the entire color of the site.

    1 point
    login to vote
    slippiefist user
    Posted Apr 16, 2007

    works well. nice font on the default style. good job.

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