Jacque's Graphics

Important Announcement

The MSN Groups service will close in February 2009. You can move your group to Multiply, MSN’s partner for online groups. Learn More

Five Layer Cheat Sheet

HTML Courtesy Of Jacque 2008

Click on HTML and paste the following into the coment box. You may use the test area for making your making if you would like.

Any code above the first table class - remove. You will not have that in this cheat sheet, but if you copy the same cheat over and over, you may see some code above it.

Red - 65 - you can lower or raise this number for the first layer to make it larger or smaller.
Outer Border - Remove these words and insert the direct link from your image hosting site in between the "".
In photobucket, you copy the direct link that is under your tile.

Each table class starts a new layer. You can change those numbers to fit your own needs.
Add a background tile to each of the first four layers. The fifth layer can be left with the #ffffff for the background. You can add a tile the same as the others if you want a tile or color other than white.
When you are all done, Change these borders to 0.
When you are finished, click on Back.

<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=65 width="100%" bgColor=#ffffff background="Outer Border" border=1>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=3 width="100%" bgColor=#ffffff background="" border=1>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=25 width="100%" bgColor=#ffffff background="" border=1>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=3 width="100%" bgColor=#ffffff background="" border=1>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff background="" border=1>
<TBODY>
<TR>
<TD align=middle>
<DIV><FONT face="Century Gothic" color=#7ba6aa size=4><FONT face="Century Gothic" color=#7ba6aa size=4><FONT face="Comic Sans MS"><FONT size=3><BIG>
<DIV align=center><FONT face=Arial color=#631008 size=2></FONT></DIV>
<DIV align=center><FONT face="comic sans ms" color=#631008 size=3>
<P align=center> </P>
<P align=center><FONT color=#000000>text<BR></FONT></P>
<DIV align=center><FONT face="comic sans ms" color=#000000 size=1><STRONG>HTML Courtesy Of Jacque 2008</STRONG></FONT></DIV></FONT></BIG></FONT></FONT></FONT></FONT></DIV>
</DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR>
</TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<BR><BR><BR>

Five Layer Cheat Sheet HTML Courtesy Of Jacque 2008.
Please do not copy this instructional tutorial.

Five Layer Cheat Sheet

HTML Courtesy Of Jacque 2008

You may use the test area for assembling your new background if you would like.

Copy the above cheat cheat into a reply or a new topic.

Click on the HTML
Select All
Copy and paste the code as shown below.

Example1.jpg picture by JacqueG

See Code Below This paragraph as an example of what the cheat sheet looks like with the html code showing.

Any code above the first table class - remove. You will not have that in this cheat sheet, but if you copy the same cheat over and over, you may see some code above it. Red - 65 - you can lower or raise this number for the first layer to make it larger or smaller. Outer Border - Remove these words and insert the direct link from your image hosting site in between the "". In photobucket, you copy the direct link that is under your tile. Each table class starts a new layer. You can change those numbers to fit your own needs. Add a background tile to each of the first four layers. The fifth layer can be left with the #ffffff for the background. You can add a tile the same as the others if you want a tile or color other than white. When you are all done, Change these borders to 0. When you are finished, click on Back.

text

HTML Courtesy Of Jacque 2008

Below is what the code looks like after I added the tiles. NOTICE: The "" are no longer there once the direct link to the tile is inserted and you have clicked on back.
On Layer #3 I inserted a color and not a tile. I replaced the #ffffff with the color #c7afc1
I changed the outside layer to 55 to make it smaller and layer #3 to 20 to make it smaller.
The middle or content layer, I kept white #ffffff
I changed the border 1 to 0 when I was all done. You can have borders if you want and you can change the colors of the border where I have it in green. With this cheat sheet, I prefer no borders myself.

<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=55 width="100%" bgColor=#ffffff background=http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueViolet2.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=3 width="100%" bgColor=#ffffff background=http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueVioletRibbon.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=20 width="100%" bgColor=#c7afc1 background="" border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=3 width="100%" bgColor=#ffffff background=http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueVioletRibbon.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE class="" borderColor=#000000 cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff background="" border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV><FONT face="Century Gothic" color=#7ba6aa size=4><FONT face="Century Gothic" color=#7ba6aa size=4><FONT face="Comic Sans MS"><FONT size=3><BIG>
<DIV align=center><FONT face=Arial color=#631008 size=2></FONT></DIV>
<DIV align=center><FONT face="comic sans ms" color=#631008 size=3>
<P align=center> </P>
<P align=center><FONT color=#000000>text<BR></FONT></P>
<DIV align=center><FONT face="comic sans ms" color=#000000 size=1><STRONG>HTML Courtesy Of Jacque 2008</STRONG></FONT></DIV></FONT></BIG></FONT></FONT></FONT></FONT></DIV></DIV>
</TD></TR></TBODY></TABLE></DIV></TD></

text

HTML Courtesy Of Jacque 2008

Many times you don't like the results, so what do you do?
Make changes and more changes until you are satisfied.
I'm going to put glitter in layer #2 and #4, and put the ribbon in layer #3.

need to chng borders to 5 and text to go along with it.

Five Layer Cheat Sheet HTML Courtesy Of Jacque 2008.
Please do not copy this instructional tutorial.

http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueViolet2.jpg

http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueVioletRibbon.jpg

http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/Purple-1.gif

You may use my tiles to practice or use your own.
Right click on them and save to your computer.
Upload to your image hosting site.
Please do not copy and use mine, it would be bandwidth stealing.

First one is the outer layer.
Second is the ribbon
Third is the glitter.

Five Layer Cheat Sheet

HTML Courtesy Of Jacque 2008

You may use the test area for assembling your new background if you would like.

Copy the above cheat cheat into a reply or a new topic.

Click on the HTML
Select All
Copy and paste the code as shown below.

Example1.jpg picture by JacqueG

See Code Below This paragraph as an example of what the cheat sheet looks like with the html code showing.

Any code above the first table class - remove it. You will not have that in this cheat sheet, but if you copy the same cheat over and over, you may see some code above it.

Red - 65 - you can lower or raise this number for the first layer to make it larger or smaller. Outer Border - Remove these words and insert the direct link from your image hosting site in between the "". In photobucket, you copy the direct link that is under your tile. Each table class starts a new layer. You can change those numbers to fit your own needs. Add a background tile to each of the first four layers. The fifth layer can be left with the #ffffff for the background. You can add a tile the same as the others if you want a tile or color other than white. When you are all done, Change these borders to 0. When you are finished, click on Back.

That is all there is to it except removing the borders and that information is below.

More detailed information is below

65 width="100%" bgColor=#ffffff background="Outer Border" border=1>

3 width="100%" bgColor=#ffffff background="2ndLayer" border=1>

25 width="100%" bgColor=#ffffff background="3rdLayer" border=1>

3 width="100%" bgColor=#ffffff background="4thLayer" border=1>

ffffff background="" border=1>

text

HTML Courtesy Of Jacque 2008

Photobucket Example of Direct Link

http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueViolet2.jpg

http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueVioletRibbon.jpg

http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/Purple-1.gif

You may use my tiles to practice or use your own. First one is the outer layer.
Second is the ribbon
Third is the glitter.

text

HTML Courtesy Of Jacque 2008

Below is what the code looks like after I added the tiles. NOTICE: The "" are no longer there once the direct link to the tile is inserted and you have clicked on back.
On Layer #3 I inserted a color and not a tile. I replaced the #ffffff with the color #c7afc1
I changed the outside layer to 55 to make it smaller and layer #3 to 20 to make it smaller.
The middle or content layer, I kept white #ffffff
I changed the border 1 to 0 when I was all done. You can have borders if you want and you can change the colors of the border where I have it in green. With this cheat sheet, I prefer no borders myself.

000000 cellSpacing=0 cellPadding=55 width="100%" bgColor=#ffffff background=http://img.photobucket.com/albums/v138/JacqueG/Do%20Not%20Delete%202/BlueViolet2.jpg border=0>

20 width="100%" bgColor=#c7afc1 background="" border=0>

0>

</< DI>

Many times you don't like the results, so what do you do?
Make changes and more changes until you are satisfied.
I put glitter in layer #2 and #4, and changed the cell padding to 5.
I put the ribbon in layer #3.

ffffff background="" border=0>

7ba6aa size=4>

text

HTML Courtesy Of Jacque 2008

text

HTML Courtesy Of Jacque 2008

Important Announcement The MSN Groups service will close in February 2009. You can move your group to Multiply, MSN’s partner for online groups. Learn More
Jacque's Graphics	[email protected]