In this tutorial i'm going to show you how to turn your PSD template into a fully working HTML

 

 

TOOLS NEEDED:

 

Photoshop with your template done (Check phantom's tutorial)

 

A web space, which you will upload you html to

I'm not gonna explain how to uplaod it or what site i did use, since it's an italian site and you wont understand a word

 

LET'S BEGIN!

 

I assume you already have a template

Here's mine,pretty simple

 

 

Now press K on your keyboard to get the slice tool

Now start making slices around every "Button" you would like to make a link of

http://i36.tinypic.com/zodvt2.png[/img]

 

 

When you are done, right click on a slice and "edit slice option"

In the URL field, put the url you would like the button to redirect to

DO the same for every slice

 

http://i38.tinypic.com/2rxjwqc.png[/img]

 

Now go to File>Save for WEB>PNG-24

Then instead of "Images only.PNG" choose like this

Save in a new folder

 

http://i35.tinypic.com/15qeoue.png[/img]

 

When it's done go into that folder and click the .html file.

There it is, your Working template

 

Credits to:Thebest5111,and for ss to mine

Still i wait replyes..to see if someone use this..i mean if is uselles or not

BUMP!

BUMP! Waiting your response..about this topic.

Don't triple post again.Your guide is good enough, but this is pretty simple.

 

-Blane

Oh Ye, I need this tutorial, thanks..