HTML for your template

[CryStaliN]

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

[CryStaliN]

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

[CryStaliN]

BUMP!

[CryStaliN]

BUMP! Waiting your response..about this topic.

[Blane]

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

 

-Blane

[Bleik]

Oh Ye, I need this tutorial, thanks..