Posts tagged as:

sprites

SteveSpangler.com Web Design Launched

November 4, 2008

in Web Design Portfolio,WordPress

Stevespangler.com Header image

Visit Katz Web Design-developed SteveSpangler.com

As announced in August, Steve Spangler chose Katz Web Design to develop their blog. Their previous blog was aging and didn’t provide the functionality they needed. I was provided with a design by Blake Sumrall (at Steve Spangler, Inc.) and was tasked with converting it to a website.

The development of this site required lots of tricks that convert WordPress into more of a CMS (Content Management System). Read on to learn some of the WordPress customization.  Read more&hellip

4 comments

Google's Sprite Image is a Thing of Beauty

June 3, 2008

in CSS

If you want to know more about CSS sprites and how to put them together, feast your eyes on Google’s:

Here’s the history of Google’s PNG sprite image

Google's Sprite Image

http://www.google.com/images/nav_logo.png

Google's Sprite Image

http://www.google.com/images/nav_logo2.png

Google's Sprite Image

http://www.google.com/images/nav_logo3.png

Google's Sprite Image

http://www.google.com/images/nav_logo4.png

Google's Sprite Image

http://www.google.com/images/nav_logo5.png

Google's Sprite Image

http://www.google.com/images/nav_logo6.png

Google Image Sprite

http://www.google.com/images/nav_logo7.png

http://www.google.com/images/srpr/nav_logo8.png

http://www.google.com/images/srpr/nav_logo9.png


March 25, 2010 – http://www.google.com/images/srpr/nav_logo10.png


April 1, 2010 – http://www.google.com/images/srpr/nav_logo11.png


April 21, 2010 – http://www.google.com/images/srpr/nav_logo12.png


May 4, 2010 – http://www.google.com/images/srpr/nav_logo13.png

Google Sprite
July 2, 2010 – http://www.seodenver.com/wp-content/uploads/HLIC/53708e94f618e796e88d30563dab0856.png

You can’t get much more efficient than that…

3 comments

Multiple Matte Colors for CSS Sprites

February 7, 2008

in CSS,Code,Design,Tutorial

Here’s the problem: I want to use CSS Sprites for transparent images, and they require different matte colors.

The promise of CSS Sprites is great: you can combine many small images into one bigger image, and use CSS to reveal only the revelant parts. But what if you have a background image, and the background changes color on :hover? When trying to save the smilies, you can only choose one matte color. I need multiple matte colors!

The issue really is a pain when you have already given your object a stroke. Using the Appearance panel, we’ll make everything happy in the world again!

I want the three smileys to be combined as one  Read more&hellip

8 comments