Homepage Template #1 Basic Tabled Homepage
Content Rating: GA
Published: 2010-10-26 20:25:48
Tags: page, template, layout



Summary:
This template uses styles and tables to set up a basic User Homepage.

Author´s Notes and Disclaimers:
All the templates in this book are free to use or modify.
Chapter 2
| Next Chapter


This template is well-suited to user homepages, or anything that needs to have a list of links or other information on the left-hand side of the page. It contains six CSS styles as well as a few inline styles.

First, you'll need to copy and paste this into the Styles box of the editor you're using:
body {
background-color:#000000;
color:#FFFFFF;
}
a {
color:#FFFFFF;
}
a:visited {
color:#CCCCCC;
}
.margin {
margin-left:20px;
margin-right:20px;
}
.linklist {
margin:10px;
}
.maincell {
padding: 5px;
}

After that, you copy and paste this HTML into the Content box:
< div class="margin">
< table width="90%" border="1">
 < tr>
  < td colspan="2">< div style="text-align:center;">< img src="YOUR IMAGE URL HERE">< /div>
  < /td>
 < /tr>
 < tr>
  < td width="15%" style="vertical-align:top;">
    < ul class="linklist">
    < li>< a href="YOUR LINK HERE">LIST< /a>< /li>
    < li>< a href="YOUR LINK HERE">OF< /a>< /li>
    < li>< a href="YOUR LINK HERE">LINKS< /a>< /li>
    < li>< a href="YOUR LINK HERE">HERE< /a>< /li>
    < /ul>
  < /td>
  < td class="maincell">
      YOUR TEXT HERE.
  < /td>
 < /tr>
< /table>
< /div>
NOTE: Due to the site not liking the code tag for some reason, I've had to break the HTML tags by inserting empty spaces after all the < brackets. If you use the above code, you'll need to go through and delete those extra spaces, or copy it into a text editor like Notepad and do Find and Replace to replace all of the "< "s with just "<"s.

Suggestions for editing this template:

Hope this helps you get a homepage set up, or helps you get a better idea of how HTML and CSS works. If you've got any questions, feel free to drop me a line via comment, email, or the forums!
Score It:

(1 = lowest, 5= highest)
Chapter 2
| Next Chapter
Report Abuse