Web Page Design Templates

SIDEBAR on the left, text on the right. The sidebar remains stationary but, the text side will scroll.
Undecorated example

<html><head><title>Title of your page</title></noscript> </head> <body bgcolor="#ffffff" text="blue" link="#ffffff" alink="#fffff0" vlink="#fffff2"> <basefont size="3"> <body background="URL of your background" yspeed=3 xspeed=1> <table border="0" width="425"><tr><td><align="right">Place your text or more images here. The right side of your page will move when more is added here but, the sidebar will remain stationary. I have added breaks here to demonstrate how the page will move. You will want to remove these when making your own. I have adjusted this code for Webtv pagebuilder. I have not tested how it will look elsewhere so you may have to make adjustments. Your text will appear to be above the sidebar until you publish your page, it will then be in the correct possition. Have fun! </center> </table></td></tr> <sidebar width=20%> <table border=1> <tr><td bgcolor="blue" transparency=40> <align="left"> <img src="URL of a small image" width="95" height="81"> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="URL of link"> <center>LINK </center></a> <a href="mailto: Put your email addy here"> <center>EMAIL </center></a> </tr> </td> </table></sidebar> </body></html>

Three column web page. Side bar on right and left with text down the center.
Example

<HTML> <head> <title>YOUR TITLE HERE</title> </head> <body background="URL of your background" text="your color choice goes here" link="color you want the links to be goes here" vlink="color you eant a visited link to be goes here"> <Table Width="100%" Border"0"> <tr><td align=left valign=top> <Table Width="20%" Border="0" bgcolor="white" text="black"> <TR><TD Align="Center"> <hr><!...(You start adding your links here and putting in the name of the site you linked to.)...!> <a href="URL of link goes here ">Name</a> <Hr> <a href="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr> </TR></TD></table> </td><td align=center valign=top> <Table Width="60%" Border="0"> <TR><TD Align="Center"> <center> <img src="URL of an image goes here"> <!.....This is the middle section where you can add text, images, whatever you desire. Change colors, add images, Make it your own.....>Put the title of your page here and any text that you want. Add more images etc. Make it your own. Happy web page building! </center> </TR> </td> </table> </td> <TD align=right valign=top> <Table Width="20%" Border="0" bgcolor="white" text="black"> <TR><TD Align="Center"> <Hr><A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr> <A HREF="URL of link">Name</a> <Hr><A HREF="URL of link">Name</a> <Hr> </TR></TD> </Table> </TR></TD> </TR></TD> </Table> </TR></TD> </Table> </TR></TD> </Table> </Table> </body> </html>

Images and text above a nice framed two column table for links. (F-key)
Undecorated example

<HTML> <HEAD> <TITLE>Basic table template</TITLE></NOSCRIPT> </HEAD><BODY BGCOLOR="#ffffff" TEXT="#000000"><center><img src="URL of an image goes here"></center> <center>Your title goes here</center> <center></center> <center><img src="URL of another image goes here"></center> <center><table width="96%" bgcolor="#000000" border="3"><tr><td align="center"><center><table width="100%" bgcolor="#ffffff" border="0"><tr><td align="center"><center><table width="100%" background="URL for a background to border the table goes here" border="20"><tr><td align="center"><center><table width="100% bgcolor="#000000" border="3"><tr><td align="center"><center><center><table bgcolor="#000000" cellspacing="7" cellpadding="7" border="2" width="100%"><tr><td bgcolor="#ffffff" align="center"><a href="URL of link"> NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link"> NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link"> NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link"> NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL OF of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr><tr><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td><td bgcolor="#ffffff" align="center"><a href="URL of link">NAME</a></td></tr></table></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center> <center><img src="URL of image goes here"> <a href="URL of your home page">HOME</a> <a href="mailto:put your email addy here">EMAIL</a> </center></body></html>

Triple background.
EXAMPLE

<html> <head> <title>Title of Your Page</title> </head> <body background="URL for bottom background"> <center><table width="90%" cellpadding=40 cellspacing=0 border=1 background="URL for the Middle"> <tr> <td width="100%"> <center><table width="100%" border=1 background="URL for the top"> <tr> <td width="100%"><center>Your Content Goes Here. This will look odd until text is added.</center> </td> </tr> </table> </center> </td> </tr> </table> </center> </body></html>

Five text boxes like the ones I am useing on this page, to store email sigs in.

<html> <head><title>Title of your page</title></head> <body background="URL of your background" text="your color choice"><center><img src="URL of an image"> Place the title of your page here <img src="URL of an image goes here"> </center> <CENTER><BLACKFACE>SIG #1</center></blackface> <center><form> <textarea bgcolor="skyblue" text="navyblue" rows="4" cols="55" autoactivate> put whatever you want displayed in textbox here </text]area> <!... Remove the ] in the text]area above for this code to work....> </form></center> <CENTER><BLACKFACE>SIG #2</center></blackface> <center><form> <textarea bgcolor="skyblue" text="navyblue" rows="4" cols="55" autoactivate> put whatever you want displayed in textbox here </text]area> <!... Remove the ] in the text]area above for this code to work....> </form></center> <CENTER><BLACKFACE>SIG #3</center></blackface> <center><form> <textarea bgcolor="skyblue" text="navyblue" rows="4" cols="55" autoactivate> put whatever you want displayed in textbox here </text]area> <!... Remove the ] in the text]area above for this code to work....> </form></center> <CENTER><BLACKFACE>SIG #4</center></blackface> <center><form> <textarea bgcolor="skyblue" text="navyblue" rows="4" cols="55" autoactivate> put whatever you want displayed in textbox here </text]area> <!... Remove the ] in the text]area above for this code to work....> </form></center> <CENTER><BLACKFACE>SIG #5</center></blackface> <center><form> <textarea bgcolor="skyblue" text="navyblue" rows="4" cols="55" autoactivate> put whatever you want displayed in textbox here </text]area> <!... Remove the ] in the text]area above for this code to work....> </form></center> <center><a href="URL of your home page">HOME</a> <a href="mailto: Put your email addy here">EMAIL</a> </center> </html>

previous page Powered by MSN TV next page