I have seen people ask about this before, so here is a simple tutorial to replace the forumstatus images and forumminicons images sprite with individual images of your own.
In global.css
Find:
Replace with:
Now create your images with the respective names, upload them and you are good to go!
Or download the images below:
![.zip]( "Zip File")
forumstatus.zip (Size: 27.62 KB / Downloads: 1)
In global.css
Find:
Code:
.forum_status {
height: 30px;
width: 30px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
display: inline-block;
}
.forum_on {
background-position: 0 0;
}
.forum_off {
background-position: 0 -30px;
}
.forum_offlock {
background-position: 0 -60px;
}
.forum_offlink {
background-position: 0 -90px;
}
.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
background: url(images/mini_status_sprite.png) no-repeat 0 0;
}
.subforum_minion {
background-position: 0 0;
}
.subforum_minioff {
background-position: 0 -10px;
}
.subforum_miniofflock {
background-position: 0 -20px;
}
.subforum_miniofflink {
background-position: 0 -30px;
}Replace with:
Code:
.forum_status {
height: 30px;
width: 30px;
display: inline-block;
}
.forum_on {
background-image: url('images/forumstatus/on.png');
}
.forum_off {
background-image: url('images/forumstatus/off.png');
}
.forum_offlock {
background-image: url('images/forumstatus/offlock.png');
}
.forum_offlink {
background-image: url('images/forumstatus/offlink.png');
}
.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
vertical-align: middle;
}
.subforum_minion {
background-image: url('images/forumstatus/minion.png');
}
.subforum_minioff {
background-image: url('images/forumstatus/minioff.png');
}
.subforum_miniofflock {
background-image: url('images/forumstatus/miniofflock.png');
}
.subforum_miniofflink {
background-image: url('images/forumstatus/miniofflink.png');
}Now create your images with the respective names, upload them and you are good to go!
Or download the images below:
forumstatus.zip (Size: 27.62 KB / Downloads: 1)