PHOTOSHOP TEMplate help needed

Posted on 2005-04-27
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

    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!

    LVL 3

    Expert Comment


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


    Author Comment

    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


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

    Accepted Solution


    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 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");


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
    Read about why website design really matters in today's demanding market.
    This video demonstrates how to use each tool, their shortcuts, where and when to use them, and how to use the keyboard to improve workflow.
    In this tutorial viewers will learn how to create layer styles in Photoshop to easily apply effects to multiple items. Open a document in Photoshop: Apply layer styles to a layer by right clicking the layer in the Layers window and selecting "Blendi…

    760 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

    Need Help in Real-Time?

    Connect with top rated Experts

    9 Experts available now in Live!

    Get 1:1 Help Now