I want to change this design: i34.tinypic.com/2v3isjm.jpg And these are the files: i37.tinypic.com/de3cpf.jpg The website is very simple and coded mostly in php, how do I change up the design?
I do not have any html, but this is how my css looks like: i34.tinypic.com/depk3n.jpg[/url] PLEASE HELPP
You do have HTML. It's just produced by the PHP code which is then sent to the browser upon request. Simply open your browser, go to the Web page, and then select View > Source from the browser menu. Next, copy the HTML code that appears into the forum here, using the [*code*] and [*/code*] tags (without the * of course). Then do the same thing with your CSS, though you can simply open them up in a text editor or Dreamweaver prior to copying here. Until you do that, I can't help you. Pretty little pictures that show what you have aren't going to do squat for me. I need to see the code, or a live link to your Web page.
This is the code for the login page: HTML> <HEAD> <link rel="shortcut icon" href="templates/default/images/favicon.ico"> <link rel="icon" href="templates/default/images/animated_favicon1.gif" type="image/gif"> <title>..:: Billing : CallingCard ::..</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="templates/default/css/main.css" rel="stylesheet" type="text/css"> <link href="templates/default/css/menu.css" rel="stylesheet" type="text/css"> <link href="templates/default/css/style-def.css" rel="stylesheet" type="text/css"> </HEAD> <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <script LANGUAGE="JavaScript"> <!-- function test() { if(document.form.pr_login.value=="" || document.form.pr_password.value=="") { alert("You must enter an user and a password!"); return false; } else { return true; } } --> </script> <style TEXT="test/css"> <!-- .form_enter { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: bold; color: #FF9900; border: 1px solid #C1C1C1; } --> </style> <table width="100%" height="75%"> <tr align="center" valign="middle"> <td> <form name="form" method="POST" action="userinfo.php" onsubmit="return test()"> <input type="hidden" name="done" value="submit_log"> <br><br> <table style="border: 1px solid #C1C1C1"> <tr> <td class="form_enter" align="center"> <img src="templates/default/images/icon_arrow_orange.gif" width="15" height="15"> <font size="3" color="red" ><b> AUTHENTICATION</b></font> </td> </tr> <tr> <td style="padding: 5px, 5px, 5px, 5px" bgcolor="#EDF3FF"> <table border="0" cellpadding="0" cellspacing="10"> <tr align="center"> <td rowspan="3" style="padding-left: 8px; padding-right: 8px"><img src="templates/default/images/password.png"></td> <td></td> <td align="left"><font size="2" face="Arial, Helvetica, Sans-Serif"><b>User:</b></font></td> <td><input class="form_input_text" type="text" name="pr_login"></td> </tr> <tr align="center"> <td></td> <td align="left"><font face="Arial, Helvetica, Sans-Serif" size="2"><b>Password:</b></font></td> <td><input class="form_input_text" type="password" name="pr_password"></td> </tr> <tr align="center"> <td></td> <td></td> <td><input type="submit" name="submit" value="LOGIN" class="form_input_button"></td> </tr> <tr align="center"> <td colspan=3><font class="fontstyle_007">Forgot your password? Click<a href="forgotpassword.php">here</a></font>.</td> </tr> </table> </td> </tr> </table> </form> </td> </tr> </table> <script LANGUAGE="JavaScript"> document.form.pr_login.focus(); </script> What else do you need, I really appreciate your help. thanks
At the very least, your HTML should look like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="imagetoolbar" content="no"> <title>..:: Billing : CallingCard ::..</title> <link rel="stylesheet" type="text/css" href="templates/default/css/main.css"> <link rel="stylesheet" type="text/css" href="templates/default/css/menu.css"> <link rel="stylesheet" type="text/css" href="templates/default/css/style-def.css"> <link rel="shortcut icon" href="templates/default/images/favicon.ico"> <link rel="icon" href="templates/default/images/animated_favicon1.gif" type="image/gif"> <style type="test/css"> <!-- .form_enter { border: 1px solid #C1C1C1; color: #FF9000; font: bold 11px/1.5 arial, helvetica, sans-serif; } --> </style> <script type="text/css"> <!-- function test() { if(document.form.pr_login.value=="" || document.form.pr_password.value=="") { alert("You must enter an user and a password!"); return false; } else { return true; } } --> </script> </head> <body> <div id="container"> <form action="userinfo.php" id="login" method="post" onsubmit="return test()"> <div class="fieldset"> <input type="hidden" name="done" value="submit_log"> <fieldset> <legend><span>Log In</span></legend> <div> <label for="username">User:</label><br> <input id="username" name="pr_login" type="text"> </div> <div> <label for="password">Password:</label><br> <input id="password" name="pr_password" type="password"> </div> <div> <input class="submit" type="submit" value="Log In"> </div> </fieldset> <a href="forgotpassword">Forget Your Password?</a> </div> </form> </div> <script type="text/javascript"> <!-- document.form.pr_login.focus(); --> </script> </body> </html> Code (markup): The question is, how do you want it to look?
LOL, your a very kind person, thanks so much for your time, do you mind if I added you on yahoo? Thanks
Alright sounds good, so if I gave you the link to the website and you checked it out and than gave you my FTP password so you can access the folders, would you be able to change the design? THANKS SO MUCH!
I'd have to rewrite a lot of files to make it work the way I'd do it. That would go far beyond helping another so they can learn. What I can do is give you the CSS and then link you to a non-functional version of the page (non-functional as in you can't actually log in).