I’ve changed the theme my site is using to one I have created and designed my self. Its the one I’ve got selected right now. I call this theme Retro Glass and if I don’t find too many problems with it I’ll probably put it up somewhere for download. It still has a few bugs that need to be worked out but as it gets better I’ll update the one I’ve got running on my site.

If you have any interest in this theme email me (robert hodgen [at] gmail [dot] [com]) and I’ll explain it to you and maybe even send you a copy If you find any bugs (like it doesn’t render right) drop me an email (I’ve got a mac so I can’t test IE, but who cares?).

Well, it turns out that didn’t really work… I’m talking about this post.

Putting multiple background elements into a single style in a CSS file does not work (with most browsers). It works with browsers like Safari that support CSS3. CSS3 will have the ability to have multiple backgrounds in one style. Until more browsers support CSS3 you’ve gotta use multiple div’s or span’s to get multiple images.

It took me a little while to figure out a fool-proof way of getting this working with these on the particular wordpress theme I was designing.

So I was working on a theme for Wordpress (not the current one you see on my site, but a new one) and I needed to have three images set to the background for a class. The CSS editor I’m using (CSSEdit) didn’t have an option to do this. I searched around on the web and found several solutions. The one that I found to work the best was to just list them all like this:

background: url(images/post-top.gif) no-repeat 0 top, url(images/post-bottom.gif) no-repeat 0 bottom, url(images/post-span.gif) repeat-y;

This allowed me to have an image at the top, one to span the gap and another at the bottom. It’s no longer valid CSS but it works. I’m also not sure what all this works with, but I know it works with Safari (webkit) 3.0.

I’ve moved this site as well as a few other over to a new dedicated server. It’ll take me a while to get everything moved so some things that should be here have not yet been moved over.