|
PSD Layout File
|
|
Topic Started: Mar 4 2009, 03:23 PM (372 Views)
|
|
CoolAsCarlito
|
Mar 4 2009, 03:23 PM
Post #1
|
|
- Posts:
- 2
- Group:
- Members
- Member
- #41
- Joined:
- Mar 4, 2009
|
I have a layout I made in Photoshop and then I sliced it and need someone to help me code it so that I can start doing other things on the site. Anyone willing to help me.
|
|
|
| |
|
PauloMillerz
|
Mar 4 2009, 04:35 PM
Post #2
|
|
- Posts:
- 122
- Group:
- Members
- Member
- #27
- Joined:
- Mar 2, 2009
|
Have a look at this tutorial http://www.partdigital.com/tutorials/convert-web
Seems to do what you want..
|
If you like... RATE IT!! Add to my reputation to the left?- Quote:
-
Bidet to you sir!
|
| |
|
CoolAsCarlito
|
Mar 4 2009, 05:05 PM
Post #3
|
|
- Posts:
- 2
- Group:
- Members
- Member
- #41
- Joined:
- Mar 4, 2009
|
The person that sliced it for me also gave me the index page with the css and with this as the index.html file and hoping someone can turn it into a div for me.
- Code: HTML
-
<html> <!-- Created on: 2/28/2009 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="Dog's Choice"> <meta name="generator" content="AceHTML 6 Pro"> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body> <table class="main" width="1027px" height="971px" cellspacing="0px" cellpadding="0px"> <tr> <td colspan="3" class="header"> </td> </tr> <tr> <td class="leftside" rowspan="2"> </td> <td class="contentarea"> <br />code all menu and all content into this cell.<br><br>Cell height is 692px and width is 805px - code content according. </td> <td class="rightside" rowspan="2"> </td> </tr> <tr> <td class="footer">link | link | link | link </td> </tr> </table> </body> </html>
And here's the css they gave me:
- Code:
-
@charset "windows-1252";
body { background: #0a0d12; text-align: center; padding: 0px; margin: 0px; }
.main { border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0px; border-bottom: 0px; } .header { width: 1027px; height: 146px; background: #0a0d12 url("images/header.jpg"); border: 0px; margin: 0px; padding: 0px; } .leftside { width: 110px; height: 825px; background: #0a0d12 url("images/left-side.jpg"); background-repeat: no-repeat; padding: 0; margin: 0; }
.rightside { width: 110px; height: 825px; background: #0a0d12 url("images/right-side.jpg"); background-repeat: no-repeat; padding: 0; margin: 0; }
.contentarea { color: #eeeeee; width: 805px; height: 692px; background: #0a0c0d; text-align: left; vertical-align: top; border-left: 2px solid #000000; border-right: 2px solid #000000; border-top: 0px; border-bottom: 0px; margin: 0px; padding: 0px; }
.footer { width: 807px; height: 133px; color: #eeeeee; text-align: center; vertical-align: top; background: #0a0d12 url("images/footer.jpg"); background-repeat: no-repeat; padding: 0; margin: 0; }
|
|
|
| |
|
PauloMillerz
|
Mar 7 2009, 07:23 AM
Post #4
|
|
- Posts:
- 122
- Group:
- Members
- Member
- #27
- Joined:
- Mar 2, 2009
|
Look up CSS and <div> mate, it's easy. Sure we could help you if you get stuck?
|
If you like... RATE IT!! Add to my reputation to the left?- Quote:
-
Bidet to you sir!
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|