CSS Auto Sprites

There’s no reason why you couldn’t use it with WordPress now. Perhaps you can tell me how you would see it adding value as a Plugin, and I can look at it for version 2.

Apologies, I hadn’t realized how simple and easy to use this script was! I just purchased and downloaded. I tested it out on WordPress and it worked great, so maybe a WordPress plugin may not be necessary. I was thinking of somesort of plugin which would replace all the css for you in your theme’s style.css. It would probably have to have a basic backend page in which you configure where the images are located and other settings like the file type.

What would really by fantastic is integration with W3 Total Cache’s (http://wordpress.org/extend/plugins/w3-total-cache/) CDN feature. So for instance you configure the settings (basically where the images of your theme are located) and then the script would generate a sprite, save the image in your theme folder and then tell W3 Total Cache to upload it to the CDN . And then maybe run through your style.css and change the background images to locate the sprite instead.

I dunno, what do you think, is it too much work for something so simple?

All good ideas, when I get a chance I’ll look into it and see what it would take.

Cheers,

Gavin

Have you read the documentation? PM me and I will try to fill in the gaps for you.

Thanks for the positive comment

Thanks for that. I’m just starting out here, and very happy so far.

You’ve gor a great collection of stuff, keep up the great work.

Terrific, glad it helped. Those are all great suggestions. I’ll look at it for the next version, of course file size then becomes the next concern.

Thanks

Sure,

My email address is in the cocumentation, or you can contact me via my profile page here – http://codecanyon.net/user/gbsmith71 (form on bottom right of page)

Look forward to hearing from you.

I’m sorry, I’m not sure what you mean by this?

I’m against that idea for a couple of reasons. Firstly, transparency. Jpgs do not support transparency, so if you combine everything to a jpg you will lose png transparency. Secondly, compression and file size. Because png-24 does not have compression, combining all jpgs and pngs to a png file will result in a very large file.

Thanks for the feedback, glad you can use it

It doesn’t matter where you put it, but your images need to be in the same folder as sprites.php.

It’s really independent of any framework, so yes, you could use it with wordpress or any other PHP based site.

How do you see that working? CSS sprites are more of a theme thing, so not sure how making it a plugin would be any better than having it standalone, which will still work with wordpress.

Can you give me your thoughts.

Thanks

It creates a single image.

You need to have the sprites.php file in a folder and then have your image files in the same folder or in subfolders which you would then reference with dir=

It can only build one master sprite image for eac type of image in each folder.

ok i’m getting closer. The original css for an image is:

.middle { clear:none; background:url(images/bg_content_mid.png) center center repeat-y;}

the sprites css that was generated is:

.container li{list-style:none;text-indent:none}.container li a{background:url(http://www.domain.com/sprites/sprites.php?type=png) no-repeat top left;display:block;text-decoration:none}.container li .bg_content_mid{background-position:0px -0px;width:1020px;height:2px}

I’m not sure what is the next step. Thank you kindly for helping a newbie

Try this:

.middle{background:url(http://www.domain.com/sprites/sprites.php?type=png) no-repeat 0px -0px;width:1020px;height:2px;display:block;text-decoration:none}