XF 1.1 CSS Sprites

In an attempt to decrease the number of HTTP requests made (and thereby speed up pages), virtually all of XenForo 1.1's UI icon graphics come from just two sprites.

xenforo-ui-sprite.png

node-sprite.png

​

Attached below are the 24 bit versions of the same sprites, for those of you who wish to edit them but don't have a graphic program which supports the 8 bit versions.

 

[0ptima]

For me, it looks like the sprites are a bit off.
View attachment 49221

I saw that as well before refreshing.

 

[Edrondol]

I saw that as well before refreshing.

Just updated my Chrome. It's fixed.

 

[x_Stricken_x]

The sprite is still off for me, even after clearing the cache.. Guess ill just have to wait for it to fix itself lol

 

[Romchik®]

Try to open this URL and press Ctrl+R and Ctrl+F5:
http://xenforo.com/community/styles/default/xenforo/xenforo-ui-sprite.png

 

[x_Stricken_x]

Try to open this URL and press Ctrl+R and Ctrl+F5:
http://xenforo.com/community/styles/default/xenforo/xenforo-ui-sprite.png

I've done that numerous times, makes no difference. When I get to my PC again I'll try a few more things and post back.

 

[Sheldon]

I've done that numerous times, makes no difference. When I get to my PC again I'll try a few more things and post back.

Same here, it just took a bit to update.

 

[x_Stricken_x]

For anyone having issues on iPhone with Google Chrome, tap "Settings" > Privacy > Clear Cache

And that'll fix it

 

[Hornstar]

I turned my phone off and back on and it sorted things out.

 

[Stuart Wright]

Apologies if this has been answered previously.
So I opened the 24 bit version, had a tinker and now want to save back to a png 8 bit but retain the opaque loveliness.
What setting do I use in photoshop?
Presumably I tick transparency and choose either Diffusion, Noise or Pattern transparency diffusion?

 

[Liam W]

Apologies if this has been answered previously.
So I opened the 24 bit version, had a tinker and now want to save back to a png 8 bit but retain the opaque loveliness.
What setting do I use in photoshop?
Presumably I tick transparency and choose either Diffusion, Noise or Pattern transparency diffusion?

View attachment 50516

I just save it as a normal PNG and it works - do you need to select the save for web option?

 

[Shelley]

Apologies if this has been answered previously.
So I opened the 24 bit version, had a tinker and now want to save back to a png 8 bit but retain the opaque loveliness.
What setting do I use in photoshop?
Presumably I tick transparency and choose either Diffusion, Noise or Pattern transparency diffusion?

View attachment 50516

That should do it but tbh photoshop seriously sucks ass with saving png-8 because it can't write out in alpha transparency like fireworks can. If you can and have adobe Fireworks save through fireworks that saves them better and keeps the filesize down even further than photoshop does plus it supports alpha transparency which I know Kier used to save out png8s.

 

[Stuart Wright]

That should do it but tbh photoshop seriously sucks ass with saving png-8 because it can't write out in alpha transparency like fireworks can. If you can and have adobe Fireworks save through fireworks that saves them better and keeps the filesize down even further than photoshop does plus it supports alpha transparency which I know Kier used to save out png8s.

Thanks Shelley, I have the whole Adobe suite so I will use Fireworks (for the first time!)

 

[xenTheory]

This doesn't have the search icon for the responsive design included on it. Does anyone have a xF 1.2 24 bit version?

Edit: Cleared cache and also used different computer to access which has never been on this forum. What am I doing wrong?

 

[Steve F]

http://xenforo.com/community/styles/default/xenforo/xenforo-ui-sprite.png

 

[xenTheory]

http://xenforo.com/community/styles/default/xenforo/xenforo-ui-sprite.png

Thank you, is the default now 24 bit or did I miss a post somewhere?

 

[Paul B]

That is an 8 bit file, not 24 bit.

I had to make my own 24 bit sprite using the 1.1 version as a base and adding in the new icons.

 

[Steve F]

Looks like the updated one in the first is the one being used on this site, and is 24bit.

8 bit or 24 bit?

 

[Paul B]

The sprite shipped with 1.2 is 8 bit.
I am unable to edit it using PSP X.

 

[smartpixels]

You can use alpha channel transparency in PS CS6.
If you are new then I suggest Just save it using default PNG-8 settings with transparency and use smush it to optimise it for the web.

 

[nothingatall]

Here's the 24 bit png with the new icons.