(Updated Feb/2009) Mybb 1.2x/1.4x Pure CSS "Custom Forum Icons" with only 1 image

[Hyde]

there is no way i can understand this.. No matter how hard i try , You just explained it to complicated i think.

[bdkekos]

Great tutorial, thank you!

[gokufg]

(11-23-2009 01:19 AM)bdkekos Wrote:  Great tutorial, thank you!

Yes, great tutorial but I'd like undestand how I have to rename the image icons...

off_1.png? off 1.png? off_1.gif?

Thanks a lot

[aglioeolio]

(03-13-2010 12:54 AM)gokufg Wrote:  

(11-23-2009 01:19 AM)bdkekos Wrote:  Great tutorial, thank you!

Yes, great tutorial but I'd like undestand how I have to rename the image icons...

off_1.png? off 1.png? off_1.gif?

Thanks a lot

No. They share a single image. It´s called "CSS sprites" - google it, it´s well documented all around over webdesign blogs.

Code:

/* Background position - Build your X coordinate with the top of each custom icon here */
#on_2 a, #off_2 a {
background-position: 0 0;
}

#on_3 a, #off_3 a {
background-position: 0 -75px;
}