PHOTOSHOP TEMplate help needed

Posted on 2005-04-27
Medium Priority
Last Modified: 2010-04-03
I have a template in photo shop..
It has some text box images that I need to use to verify user name and password so that I can authenticate each user based on their password.

The problem is, How can I do this so its NOT a maintenance nightmare?
I know that I need to do this in an html editor using a form or something..
could someone tell me the step by step process on how to do this?
I have dreamweaver mx 2004
my server that I will be on has php also so if you can help me let me know!!
I need all the details:
step1,step2 etc..

thanks in advance.

Question by:LHood1
LVL 17

Expert Comment

ID: 13878917
Hi LH,

Since your question is more related to creating text fields than graphics I think you'll have better luck if you have it moved to the HTML Topic Area at


To do that simply click the Support link at the top of this page and post a request to have this question moved. Don't forget to mention the full URL to this quetion and an Admin will take care of it.

Good Vibes!


Expert Comment

ID: 13886108

I will give the complete steps..But...First let me know that have you convert the Template(You mean the PSD File...is it ?) file to HTML...or you want the complete steps to convert the file to HTML...and other steps.....


Author Comment

ID: 13886213
I know how to "save for web" this creates the html file. But i noticed that the html file doesn't expand across the full browser. Is there a way to make sure that it expands and does not leave the blank panel on the right side of the browser??. This is someting I need to fix also, I think I will just do the password thing on the server side but if you could tell me how to fix the page when you look at it in a browser that would be great.. I just want to make sure when I create the html page  it takes up the whole screen in the browser I would give you points for that..

Author Comment

ID: 13890198

complete steps if you have them..otherwise delete asap!

Accepted Solution

prsupriya earned 1500 total points
ID: 13896293

You can give points to BINylkumar if he posts anything later. :)

You can try this....

- Slice your Photoshop template and create layout. I am pasting a sample/typical layout here.
- Create a page called login.php

Place this in b/n <body> tags
<form name="frm1" method="post" action="<?=$_SERVER['PHP_SELF']?>">
      <tr><tD>User Name:</tD><td><input type="text" value="" name="uname"></td></tr>
      <tr><tD>Password:</tD><td><input type="text" value="" name="pword"></td></tr>
      <tr><td colspan="2"><input type="submit" name="submit" value="submit"></td></tr>
Place this in the top of the login.php page
I am not sure you have a database for users ...so I just created an array like this
      if (!empty($_POST)) {
                        if($_POST['uname']==$validuserarray[$i][$j] or $_POST['pword']==$validuserarray[$i][$j]){
                        setcookie("logged_in", "true");
                        header("Location: success.php");                        

You need to paste this code in all other inner pages to check the cookie exists. If it doesn't exist it will redirect to login page.
if (empty($logged_in)) {
            header("Location: login.php");


Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
The Summer 2017 Scholarship Winners have been announced!
In this tutorial viewers will learn how to correct colors in Photoshop using the Hue and Saturation adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Hue and Saturat…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
Suggested Courses

571 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question