Skip to content

ricmrodrigues/autosprite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Autosprite

CSS Sprite generator for ASP.NET websites bundle style

This project uses an existing one, that I converted into a Class Library: http://spritegenerator.codeplex.com/
The CSS/Sprite generation is fully done by this project, I just wired it up into the ASP.NET application lifecycle

The way you can use this utility to select which files you want to create the sprite for, is:

AutoSprite.SpriteConfig.AddImage("~/Content/*.jpg");

The generated files are autosprite.css and autosprite.png

Sample CSS:

.sprite { background-image: url('autosprite.png'); background-color: transparent; background-repeat: no-repeat; }
.google-windows-8 { width: 620px; height: 332px; background-position: 0px -398px; }
.download { width: 276px; height: 183px; background-position: 0px -159px; }
.vista { width: 211px; height: 239px; background-position: -276px -159px; }
.image { width: 316px; height: 159px; background-position: 0px 0px; }

sprite class is the "base" class. the rest are one class per image file included in the sprite, what you use is both <div class="sprite download"></div> for instance.

You can see real usage on the TestApplication project

About

CSS Sprite generator for ASP.NET websites bundle style

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published