Page 1 of 1

Halomods Classic Icons

Posted: Mon Jan 26, 2009 2:08 am
by Tural
This is a theme for Stylish, a Firefox addon. All it does is replace the default phpBB3 icons with phpBB2 ones on Halomods. I made this because with the brightness of my monitor, the simple red and blue outlines are hard to distinguish from each other. It's not meant to change everything, it's just for a simple issue of being able to quickly and easily distinguish the icons at a glance. It's not robust, it's not perfect.

I'll quote Ombre's post now, since it was my basis for this, and he did a good job explaining the process.
Ombre wrote:The reason this is possible is because of a Firefox add-on called Stylish.
For this style to work you must download and install the Stylish add-on. It can be found here.

Installation is pretty simple.

After installing the add-on and restarting Firefox, navigate to the "Tools" menu and click on it.
Now go to Add-ons and click there.
In the "Extensions" tab find the Stylish tool.
Click on it once, then click the "Options" button.
At the far left there should be a button that has "Write" next to it. (Click it).
Come back to my topic and copy the code I gave you.
Now paste the code into the Stylish text editor we just opened.
Give it a description of your choice, and click save.
Make sure there is a check mark next to it on the Stylish list.
Enjoy.

Code: Select all

@-moz-document domain(halomods.com) {
dl[style*="announce_read.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read.gif) !important;
}

dl[style*="announce_read_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_locked.gif) !important;
}

dl[style*="announce_read_locked_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_locked_mine.gif) !important;
}

dl[style*="announce_read_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_mine.gif) !important;
}

dl[style*="announce_unread.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread.gif) !important;
}

dl[style*="announce_unread_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_locked.gif) !important;
}

dl[style*="announce_unread_locked_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_locked_mine.gif) !important;
}

dl[style*="announce_unread_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_mine.gif) !important;
}

dl[style*="forum_read.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_big.gif) !important;
}

dl[style*="forum_read_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_locked_big.gif) !important;
}

dl[style*="forum_read_subforum.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_big.gif) !important;
}

dl[style*="forum_unread.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_big.gif) !important;
}

dl[style*="forum_unread_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_locked_big.gif) !important;
}

dl[style*="forum_unread_subforum.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_big.gif) !important;
}

dl[style*="sticky_read.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read.gif) !important;
}

dl[style*="sticky_read_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_locked.gif) !important;
}

dl[style*="sticky_read_locked_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_locked_mine.gif) !important;
}

dl[style*="sticky_read_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_mine.gif) !important;
}

dl[style*="sticky_unread.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread.gif) !important;
}

dl[style*="sticky_unread_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_locked.gif) !important;
}

dl[style*="sticky_unread_locked_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_locked_mine.gif) !important;
}

dl[style*="sticky_unread_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_mine.gif) !important;
}

dl[style*="topic_moved.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_moved.gif) !important;
}

dl[style*="topic_read.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read.gif) !important;
}

dl[style*="topic_read_hot.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_hot.gif) !important;
}

dl[style*="topic_read_hot_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_hot_mine.gif) !important;
}

dl[style*="topic_read_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_locked.gif) !important;
}

dl[style*="topic_read_locked_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_locked_mine.gif) !important;
}

dl[style*="topic_read_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_mine.gif) !important;
}

dl[style*="topic_unread.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread.gif) !important;
}

dl[style*="topic_unread_hot.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_hot.gif) !important;
}

dl[style*="topic_unread_hot_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_hot_mine.gif) !important;
}

dl[style*="topic_unread_locked.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_locked.gif) !important;
}

dl[style*="topic_unread_locked_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_locked_mine.gif) !important;
}

dl[style*="topic_unread_mine.gif"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_mine.gif) !important;
}

a[class*="subforum unread"] {
background-image: url(http://www.halomods.com/SG/stylish_icons/subforum_unread.gif) !important;
}

strong[class*="pagination"] {
float: left !important;
margin-right: 5px !important;
}
}
Screenshots:
Image
Image

A few quick credits:
Ombre for the basis of my understanding of the addon and the idea to do this.
JacksonCougAr for his icons from his site. Most of them weren't in my stock phpBB2 download, so I used the ones on his site, as his forums utilize them as a phpBB3 theme to give the appearance of phpBB2.
SourceGuy for allowing the images to be hosted on Halomods.

Re: Halomods Classic Icons

Posted: Mon Jan 26, 2009 2:14 am
by Ombre
Nice job! For those of you complaining about the theme, here is your chance to change it. :P

Re: Halomods Classic Icons

Posted: Mon Jan 26, 2009 6:44 am
by diamondbackk60
that is awesome thank you i love it

Re: Halomods Classic Icons

Posted: Mon Jan 26, 2009 5:55 pm
by Aumaan Anubis
Very nice. It is appreciated.

Re: Halomods Classic Icons

Posted: Mon Jan 26, 2009 8:54 pm
by shadowkhas
Super pro.

Re: Halomods Classic Icons

Posted: Mon Jan 26, 2009 11:58 pm
by Veegie
I think Image should look more like Image

Re: Halomods Classic Icons

Posted: Tue Jan 27, 2009 2:05 am
by Tural
I made one addition to this. Again, nothing fancy, not tested on various resolutions, whatever. It's not pretty, but I had just done this for myself, and it's good enough for me.

Code: Select all

strong[class*="pagination"] {
float: left !important;
margin-right: 5px !important;
}
This moves the pagination to the left, under the thread title. When I read a thread title, my eyes are obviously where the thread title is. Instead of having to look to the other side of the screen and move my cursor there (Especially on a widescreen monitor), it is much quicker and easier to see how many pages there are when the number is right by the title, where I'm already at. More simplicity and efficiency. If you add this, add it before the last close bracket, so the last portion of your total code would be like this:

Code: Select all

dl[style*="topic_unread_mine.gif"] {
background-image: url(http://img211.imageshack.us/img211/2982/topicunreadminexo0.gif) !important;
}

strong[class*="pagination"] {
float: left !important;
margin-right: 5px !important;
}
}
Image

Re: Halomods Classic Icons

Posted: Tue Jan 27, 2009 7:25 am
by Veegie
What about my things :(

Re: Halomods Classic Icons

Posted: Tue Jan 27, 2009 2:46 pm
by Tural
Here you go:

Code: Select all

a[class*="subforum unread"] {
background-image: url(http://img222.imageshack.us/img222/2221/newbz0.gif) !important;
}
Inside the last closing bracket, etc.

Re: Halomods Classic Icons

Posted: Tue Jan 27, 2009 3:20 pm
by FleetAdmiralBacon
Boredom yielded this:

Code: Select all

    a[title="Board index"] {
        background-image: url(http://img155.imageshack.us/img155/6774/sig150cbv0.png) !important;
        background-repeat: no-repeat;
        background-position: 10px 15px;
        height: 90px;
    }
    img[src*="hmlogo2.png"] {
       opacity: 0;
    }
Replaces the header logo. Here I'm using RaVN's, but you could use anyone's.

e: If you use one that doesn't fit perfectly, you can adjust the positioning with the background-position.

Re: Halomods Classic Icons

Posted: Wed Jan 28, 2009 2:47 pm
by WaeV
+1000 Awesome work!

Re: Halomods Classic Icons

Posted: Thu Jan 29, 2009 12:02 pm
by FleetAdmiralBacon
The icons need to be reuploaded somewhere else (maybe here?) because some of them fail to load randomly.

Re: Halomods Classic Icons

Posted: Sat Jan 31, 2009 5:09 am
by Tural
SourceGuy was kind enough to allow us to host the icons here. I have updated the main post with the new code. The new code also includes the pagination and unread post icons discussed in the thread.

Re: Halomods Classic Icons

Posted: Mon Feb 09, 2009 3:17 pm
by xbox
This is how i have mine set up:
Image

Code: Select all

@-moz-document domain(halomods.com) {
    dl[style*="announce_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read.gif) !important;
    }

    dl[style*="announce_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_locked.gif) !important;
    }

    dl[style*="announce_read_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_locked_mine.gif) !important;
    }

    dl[style*="announce_read_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_mine.gif) !important;
    }

    dl[style*="announce_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread.gif) !important;
    }

    dl[style*="announce_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_locked.gif) !important;
    }

    dl[style*="announce_unread_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_locked_mine.gif) !important;
    }

    dl[style*="announce_unread_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_mine.gif) !important;
    }

    dl[style*="forum_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_big.gif) !important;
    }

    dl[style*="forum_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_locked_big.gif) !important;
    }

    dl[style*="forum_read_subforum.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_big.gif) !important;
    }

    dl[style*="forum_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_big.gif) !important;
    }

    dl[style*="forum_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_locked_big.gif) !important;
    }

    dl[style*="forum_unread_subforum.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_big.gif) !important;
    }

    dl[style*="sticky_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read.gif) !important;
    }

    dl[style*="sticky_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_locked.gif) !important;
    }

    dl[style*="sticky_read_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_locked_mine.gif) !important;
    }

    dl[style*="sticky_read_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_mine.gif) !important;
    }

    dl[style*="sticky_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread.gif) !important;
    }

    dl[style*="sticky_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_locked.gif) !important;
    }

    dl[style*="sticky_unread_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_locked_mine.gif) !important;
    }

    dl[style*="sticky_unread_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_mine.gif) !important;
    }

    dl[style*="topic_moved.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_moved.gif) !important;
    }

    dl[style*="topic_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read.gif) !important;
    }

    dl[style*="topic_read_hot.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_hot.gif) !important;
    }

    dl[style*="topic_read_hot_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_hot_mine.gif) !important;
    }

    dl[style*="topic_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_locked.gif) !important;
    }

    dl[style*="topic_read_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_locked_mine.gif) !important;
    }

    dl[style*="topic_read_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_mine.gif) !important;
    }

    dl[style*="topic_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread.gif) !important;
    }

    dl[style*="topic_unread_hot.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_hot.gif) !important;
    }

    dl[style*="topic_unread_hot_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_hot_mine.gif) !important;
    }

    dl[style*="topic_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_locked.gif) !important;
    }

    dl[style*="topic_unread_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_locked_mine.gif) !important;
    }

    dl[style*="topic_unread_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_mine.gif) !important;
    }

    a[class*="subforum unread"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/subforum_unread.gif) !important;
    }

    strong[class*="pagination"] {
    float: left !important;
    margin-right: 5px !important;
    }
    
        a[title="Board index"] {
            background-image: url(http://i6.photobucket.com/albums/y203/geohowarduk/my_logo_2.png) !important;
            background-repeat: no-repeat;
            background-position: 10px 15px;
            height: 90px;
        }
        img[src*="hmlogo2.png"] {
           opacity: 0;
        }

div[class="headerbar"] {
background-image: url(http://img13.imageshack.us/img13/846/hmbluegradient2lt1.png) !important;
background-repeat: repeat-x !important;
background-color: #0050c9 !important;
}

}
Numerical's version:

Code: Select all

@-moz-document domain(halomods.com) {
    dl[style*="announce_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read.gif) !important;
    }

    dl[style*="announce_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_locked.gif) !important;
    }

    dl[style*="announce_read_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_locked_mine.gif) !important;
    }

    dl[style*="announce_read_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_read_mine.gif) !important;
    }

    dl[style*="announce_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread.gif) !important;
    }

    dl[style*="announce_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_locked.gif) !important;
    }

    dl[style*="announce_unread_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_locked_mine.gif) !important;
    }

    dl[style*="announce_unread_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/announce_unread_mine.gif) !important;
    }

    dl[style*="forum_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_big.gif) !important;
    }

    dl[style*="forum_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_locked_big.gif) !important;
    }

    dl[style*="forum_read_subforum.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_read_big.gif) !important;
    }

    dl[style*="forum_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_big.gif) !important;
    }

    dl[style*="forum_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_locked_big.gif) !important;
    }

    dl[style*="forum_unread_subforum.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/folder_unread_big.gif) !important;
    }

    dl[style*="sticky_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read.gif) !important;
    }

    dl[style*="sticky_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_locked.gif) !important;
    }

    dl[style*="sticky_read_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_locked_mine.gif) !important;
    }

    dl[style*="sticky_read_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_read_mine.gif) !important;
    }

    dl[style*="sticky_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread.gif) !important;
    }

    dl[style*="sticky_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_locked.gif) !important;
    }

    dl[style*="sticky_unread_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_locked_mine.gif) !important;
    }

    dl[style*="sticky_unread_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/sticky_unread_mine.gif) !important;
    }

    dl[style*="topic_moved.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_moved.gif) !important;
    }

    dl[style*="topic_read.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read.gif) !important;
    }

    dl[style*="topic_read_hot.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_hot.gif) !important;
    }

    dl[style*="topic_read_hot_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_hot_mine.gif) !important;
    }

    dl[style*="topic_read_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_locked.gif) !important;
    }

    dl[style*="topic_read_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_locked_mine.gif) !important;
    }

    dl[style*="topic_read_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_read_mine.gif) !important;
    }

    dl[style*="topic_unread.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread.gif) !important;
    }

    dl[style*="topic_unread_hot.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_hot.gif) !important;
    }

    dl[style*="topic_unread_hot_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_hot_mine.gif) !important;
    }

    dl[style*="topic_unread_locked.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_locked.gif) !important;
    }

    dl[style*="topic_unread_locked_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_locked_mine.gif) !important;
    }

    dl[style*="topic_unread_mine.gif"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/topic_unread_mine.gif) !important;
    }

    a[class*="subforum unread"] {
    background-image: url(http://www.halomods.com/SG/stylish_icons/subforum_unread.gif) !important;
    }

    strong[class*="pagination"] {
    float: left !important;
    margin-right: 5px !important;
    }
    
        a[title="Board index"] {
            background-image: url(http://img.photobucket.com/albums/v144/Numerical/halomods3trans.png) !important;
            background-repeat: no-repeat;
            background-position: 10px 15px;
            height: 90px;
        }
        img[src*="hmlogo2.png"] {
           opacity: 0;
        }

div[class="headerbar"] {
background-image: url(http://img13.imageshack.us/img13/846/hmbluegradient2lt1.png) !important;
background-repeat: repeat-x !important;
background-color: #0050c9 !important;
}

}
This includes all of the classic icons, just paste it over the old code if you were using it originally.