hey everyone,<br /><br />As my skills are more with Photoshop (well slightly!), I don't know how to efficiently cut up this .PSD Template I made.<br /><br />So I thought, If someone does the cutting, we can add it as free template here. That way I am contributing to the forum a little and learning how to cut my PSD designs!<br /><br />I have a link to the PSD below, hope its ok, I havent designed websites much before.<br /><br />http://www.poetofzwan.com/index.psd<!--content-->
<!-- m --><a class="postlink" href="http://www.poetofzwan.com">http://www.poetofzwan.com</a><!-- m --> it`s your blog?<!--content-->
<!--quoteo(post=8263:date=Aug 23 2007, 12:14 PM:name=Jay-S)--><div class='quotetop'>QUOTE(Jay-S @ Aug 23 2007, 12:14 PM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->http://www.poetofzwan.com it`s your blog?<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />yeah thats my blog (havent posted in a while) but link above should allow you to download psd? am I wrong?<!--content-->
I don't have Photoshop, so I couldn't really use it - I think.<!--content-->
<!--quoteo(post=8291:date=Aug 23 2007, 04:10 PM:name=BabyBen)--><div class='quotetop'>QUOTE(BabyBen @ Aug 23 2007, 04:10 PM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->I don't have Photoshop, so I couldn't really use it - I think.<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Ok, sorry here is a jpg version<!--content-->
Just to let you know I have decided to have a go at converting this to xhtml/css myself. It seems to be going well so far. I will upload the results for you all to see in a few days.<!--content-->
hey man if you find that your getting stuck let me know i should be able to help you slice it.<!--content-->
Ok everyone well lol I had a go <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/cray.gif" style="vertical-align:middle" emoid=":cray:" border="0" alt="cray.gif" /> . I tried using Dreamweaver...things didnt go so well <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/bomb.gif" style="vertical-align:middle" emoid="=@" border="0" alt="bomb.gif" /> . My page looks fine in dreamweaver and a bit of a mess firefox and IE. I tried to modify a free css template to fit my design...anyways its all went wrong...<br /><br />Don't be too hard style="vertical-align:middle" emoid=":unknw:" border="0" alt="unknw.gif" /><br /><br />...Any pointers and help would be hugely appreciated! <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid="
" border="0" alt="biggrin.gif" /><!--content-->
Anyone had a chance to look at code yet? My apologies again for how bad it is!<!--content-->
maybe it would be better to upload a zipfile with the images in it, or place it><img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->maybe it would be better to upload a zipfile with the images in it, or place it style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /> <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/drinks.gif" style="vertical-align:middle" emoid=":drinks:" border="0" alt="drinks.gif" /> ) anyone else got the time/skills to help me out?<!--content-->
yes I was that style="vertical-align:middle" emoid="
" border="0" alt="tongue.gif" /><br /><br />Heres a few things I think you should do<br /><br />you could if you want, change your button links at the top to be a list, you could set the background to be the button, and then make the links be text based instead of image base, that way if people use your template they have the option to change the links to something that fits their site more then how you see the site being.<br /><br />It might work a little better if the content was more central>Click to view attachment<br /><br />1 would be for the top, 3 for the bottom and 2 would be for the content of the page, which only has to be as wide as you want it then you could set it to tile the height, this way it will only be as big as you need it to be (eg you could leave the height blank in the css and it would set it to how much text there is, or you can set the height to how tall you want it to be and it will use that smaller image as a tile)<br /><!--content-->
<!-- m --><a class="postlink" href="http://www.poetofzwan.com">http://www.poetofzwan.com</a><!-- m --> it`s your blog?<!--content-->
<!--quoteo(post=8263:date=Aug 23 2007, 12:14 PM:name=Jay-S)--><div class='quotetop'>QUOTE(Jay-S @ Aug 23 2007, 12:14 PM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->http://www.poetofzwan.com it`s your blog?<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />yeah thats my blog (havent posted in a while) but link above should allow you to download psd? am I wrong?<!--content-->
I don't have Photoshop, so I couldn't really use it - I think.<!--content-->
<!--quoteo(post=8291:date=Aug 23 2007, 04:10 PM:name=BabyBen)--><div class='quotetop'>QUOTE(BabyBen @ Aug 23 2007, 04:10 PM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->I don't have Photoshop, so I couldn't really use it - I think.<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Ok, sorry here is a jpg version<!--content-->
Just to let you know I have decided to have a go at converting this to xhtml/css myself. It seems to be going well so far. I will upload the results for you all to see in a few days.<!--content-->
hey man if you find that your getting stuck let me know i should be able to help you slice it.<!--content-->
Ok everyone well lol I had a go <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/cray.gif" style="vertical-align:middle" emoid=":cray:" border="0" alt="cray.gif" /> . I tried using Dreamweaver...things didnt go so well <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/bomb.gif" style="vertical-align:middle" emoid="=@" border="0" alt="bomb.gif" /> . My page looks fine in dreamweaver and a bit of a mess firefox and IE. I tried to modify a free css template to fit my design...anyways its all went wrong...<br /><br />Don't be too hard style="vertical-align:middle" emoid=":unknw:" border="0" alt="unknw.gif" /><br /><br />...Any pointers and help would be hugely appreciated! <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid="
" border="0" alt="biggrin.gif" /><!--content-->Anyone had a chance to look at code yet? My apologies again for how bad it is!<!--content-->
maybe it would be better to upload a zipfile with the images in it, or place it><img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->maybe it would be better to upload a zipfile with the images in it, or place it style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /> <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/drinks.gif" style="vertical-align:middle" emoid=":drinks:" border="0" alt="drinks.gif" /> ) anyone else got the time/skills to help me out?<!--content-->yes I was that style="vertical-align:middle" emoid="
" border="0" alt="tongue.gif" /><br /><br />Heres a few things I think you should do<br /><br />you could if you want, change your button links at the top to be a list, you could set the background to be the button, and then make the links be text based instead of image base, that way if people use your template they have the option to change the links to something that fits their site more then how you see the site being.<br /><br />It might work a little better if the content was more central>Click to view attachment<br /><br />1 would be for the top, 3 for the bottom and 2 would be for the content of the page, which only has to be as wide as you want it then you could set it to tile the height, this way it will only be as big as you need it to be (eg you could leave the height blank in the css and it would set it to how much text there is, or you can set the height to how tall you want it to be and it will use that smaller image as a tile)<br /><!--content-->