Create A Layout

Create A Layout!

Follow these steps to creat an AMAZING layout!

ONE:
Find or create a picture you like to use as a background, copy and paste this into a section in My Documents. Once you have it in there right click and select
'Open With>________' (where ________ is choose Microsoft Paint or Photoshop or any other image editing program). Now you can create or search for a forground picture. Once you have found or finished your picture cut out around it and copy-paste it onto your background image. It should now look something like:

TWO:
Now you can add a title or writing to it. To get a fancy title you can:
1) Go to http://www.megagifs.de/Glitzer-Text-Generator.htm to make fancy glitter text writing and copy-paste it onto your layouts main picture (above)
OR
2) Go to Microsoft Word, Publisher or PowerPoint and create a wordart title to copy-paste to your layout picture

THREE:
Now we have to do the layout table. Open the HTML editing part of of the site you are creating your layout on and copy-paste what you want of the following.

BEGINNERS:
HTML code for a two collum layout with a picture, three titles and three scroll boxes. Scroll box code found at http://pheonixdesigns.webs.com/howtomakealayout.htm

<TABLE border=1 bgColor=#ffffff>
<TBODY>
<TR>
<TD><IMG src="http://i51.tinypic.com/30cow1h.jpg" width=467 height=550></TD>
<TD>
<H1 align=center>Title!</H1>
<DIV "WIDTH: 272px; HEIGHT: 153px; OVERFLOW: auto">
<P>text...............................</P>
<P> </P>
<P>text...............................</P>
<P> </P>
<P>text...............................</P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></DIV>
<P> </P>
<H1 align=center>Title!</H1>
<DIV "WIDTH: 272px; HEIGHT: 153px; OVERFLOW: auto">
<P>text...............................</P>
<P> </P>
<P>text...............................</P>
<P> </P>
<P>text...............................</P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></DIV>
<P> </P>
<H1 align=center>Title!</H1>
<DIV "WIDTH: 272px; HEIGHT: 153px; OVERFLOW: auto">
<P>text...............................</P>
<P> </P>
<P>text...............................</P>
<P> </P>
<P>text...............................</P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></DIV></TD></TR></TBODY></TABLE> 
<DIV align=left>
<P> </P></DIV>

MORE EXPERIENCED:
HTML codes for you to decide what to add and how you wish to put it together.

Basic table:
<TABLE border=1 bgcolor=#FFFFFF>
<TR>
<TD>melliemoographics</TD>
<TD>melliemoographics</TD>
</TR>
</TABLE>

Turns out like:

melliemoographics

Scroll Boxes:
(http://pheonixdesigns.webs.com/)

 

<DIV align=left>

<P> </P>

<DIV "OVERFLOW: auto; WIDTH: 679px; HEIGHT: 153px">

<P>text...............................</P>

<P> </P>

<P>text...............................</P>

<P> </P>

<P>text...............................</P>

<P> </P>

<P> </P>

<P> </P>

<P> </P></DIV></DIV>

Writing On A Picture:
<table height="100" width="150"
background="http://www.tizag.com/pics/htmlT/background.jpg" >
<tr><td>This table has a background image</td></tr>
</table>

(Code from http://pheonixdesigns.webs.com/howtomakealayout.htm )

FOUR:
Now that you have created your table you can go to http://tinypic.com/ and get the HTML code for the picture by uploading it. Copy and paste the HTML code to the top or bottem of the editing part of the site you are creating your layout on.

FIVE:
Change the wording, font, colours, ect and you have an AMAZING layout!