Hi all.. I've recently started designing a few t-shirts using Spreadshirt, but for the time-being am only using an iframe on the website. I understand this is a SEO no-no, and I want to create a more practical and professional looking site for the t-shirts. Accordingly, I've mocked up this design: I'm not too hot on CSS, but want to try and slice this design apart and make it into a functional website that is almost identical aesthetically. Will probably have to use some PNG's (nav, next/prev) etc. The design is not totally complete as it is. There will be introducing text at the top, and a few more options/features on the left hand side. Basically I'm looking for some advice as to how you think it would be best to slice the page. Any CSS tips or tricks would be useful too, as well as any general observations or constructive criticism. Is there a way of doing this neatly in photoshop or imageready? I recall that one Adobe program can do this, but I've never tried it myself. The current site can be found here: www.urbanbreakdown.co.uk Appreciate any help. aj
I would break it down like this: Header Logo Navbar Content Sidebar Main content Footer You can easily define some css to specify the width & height ... etc Looks like the content area is in 1 color so you can just do a background color
Thanks man.. Yeah, I was thinking that too. It won't be easy though! I don't know where to start with the CSS.... :S So does anyone know how to make 'slice' lines in PS? Should I divide the page up into main areas, then have div's within each area? God, this is far from easy. Thoughts on the design anyone? Thanks, aj