Comments on: Converting a Gimp .xcf to HTML/CSS

By: Eric Bannatyne

Eric Bannatyne — Sat, 19 Jun 2010 23:47:27 +0000

Here is the next part.

By: Fro

Fro — Sat, 19 Jun 2010 23:34:08 +0000

I can find the reset of the tut. How did you convert it into a wordpress theme?

By: Come progettare dei siti web con gimp | Fedeweb

Come progettare dei siti web con gimp | Fedeweb — Fri, 15 Jan 2010 10:00:14 +0000

[...] Segui i passi per costruirlo (prima parte) Segui i passi per costruirlo (seconda parte) [...]

By: Eric Bannatyne

Eric Bannatyne — Thu, 10 Dec 2009 00:21:52 +0000

Thanks, Randy.

I just checked the files again, and I don't seem to be getting the same problem, in Firefox 3.5.5 on Linux.

It's also working fine for me in Webkit-based browsers (Google Chrome and Midori).

If you have the time, perhaps you could show me a screenshot of what's going on.

By: Randy

Randy — Wed, 09 Dec 2009 22:03:27 +0000

Great tut - exactly what I had been looking for since I use GIMP. And thanks for following through with the HTML/CSS conversion. It's amazing how many design tuts are out there that quit with an image file - as though you're done!

BTW - I downloaded your files and noticed the index file doesn't render properly in Firefox 3.5.5. There is a dark brown block in the top portion of each of the light brown blocks. IE8 and Chrome are fine.

Thanks again!

By: Eric Bannatyne

Eric Bannatyne — Tue, 01 Dec 2009 06:14:52 +0000

@Tara: Simply cut out any pieces of your theme that aren't solid colours. If it is just a gradient that is being repeated, it can be 1px wide, to reduce download times.

By: Tara jackson

Tara jackson — Tue, 01 Dec 2009 05:28:06 +0000

I have not put the new layout up yet..But I'm a little confused...I made my template but as far converting to html...Having a little trouble on what to cut exactly

By: Eric Bannatyne

Eric Bannatyne — Fri, 13 Nov 2009 00:05:04 +0000

@Andrew: Thanks. When cutting up the image, just remember to make your selection the exact size, and paste it into a new image that is the same size as your selection.

For simple repeating gradients, you can just make a 1px wide (or tall) selection, and use CSS to make it repeat.

By: Andrew @ Incomes International

Andrew @ Incomes International — Thu, 12 Nov 2009 12:59:53 +0000

Hey Eric, nice tutorial. I would have liked to see a bit more detail in the actual process of exactly what and where to cut a design but other than that it's been extremely helpful.

BTW, I really don't think the title is misleading at all. The post clearly delivers what the title proclaims.

Thanks.

By: Rafael

Rafael — Tue, 10 Nov 2009 01:26:20 +0000

Great tutorial! Thanks!