MyBB Community Forums

Full Version: Custom index icons
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

MikeInToshx

I want to have custom index icons, but I want the on/off/lock ect still to work.

So I guess I have to create 2 icons like "grey" if no new posts, and "blue" if there are new posts" and a lock if its locked etc..


Anyone know how ? 
And I use  Mybb 1.8 default theme.


Cheers.
You need to make the icons and upload them to the correct file.
MyBB 1.8 stock theme is using sprite image (~/images/forum_icon_sprite.png) for those index page icons

MikeInToshx

Ok so I made a new "sprite" image with my own icons.

Is this where I just change the co-ordination of the images?:

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offlock {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}
I'm new to sprites sooo any help or tricks is welcome to know the right co-ordination  Undecided
That's correct - the background position should contain coordinates of the starting points of these images. And the .forum_status class has the width and height of them.

MikeInToshx

Thanks. I think I got it.

However, 2 images are not the same width and height, so how do I solve this? add their specific height and weight to the css "id" they belong to? like so?:


.forum_offlock {
background-position: 0 -60px;
       height: 32px;
       width: 36px;

}


Edit: I tried it and it works. Don't know if it's suppost to be like this though Big Grin