Halomods Classic Icons

[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.

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:



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.

[Ombre]

Nice job! For those of you complaining about the theme, here is your chance to change it.

[diamondbackk60]

that is awesome thank you i love it

[Aumaan Anubis]

Very nice. It is appreciated.

[shadowkhas]

Super pro.

[Veegie]

I think should look more like

[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;
}
}

[Veegie]

What about my things

[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.

[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.

[WaeV]

+1000 Awesome work!

[FleetAdmiralBacon]

The icons need to be reuploaded somewhere else (maybe here?) because some of them fail to load randomly.

[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.

[xbox]

This is how i have mine set up:

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.