Cinder's Graphics

Pre-Made HTML Layouts

Please Follow the Following Rule if You Wish to Use These Layouts:

1.) You must have an HTML layout/setup to use this. Otherwise, it will not work.

2.) To be able to update your site, you will need to know how to work with HTML layouts, please do NOT ask me how to do this!

3.) You cannot copy the code to make your own new layout from it. The original template was from Moonclaw (http://www.freewebs.com/warriorcatpics/), if you want to change anything past headers and colours, ask her, not me!

4.) Do NOT remove and/or change the credits on the layout OR header image!

5.) NEVER claim this as your own or will be reported!

And last of all, if you don’t know HTML, I strongly suggest you don’t use the layout.

Frozen Warrior
Preview?
Code:

<html>
<head>
<title>Your Website Title Here</title>

/* This changes your link colors */
A:link 
{ text-decoration: underline; color: #76cec9; }
A:visited 
{ text-decoration: none; color: #76cec9; }
A:active
{ text-decoration: none; color: #76cec9; }
A:hover 
{ text-decoration: none; color: #76cec9; }

/* This changes the basic properties of your layout */
body
{ font-family: Papyrus;
color: #76cec9;
font-size: 12px;
background-color: #532237;
text-align: justify;
margin-bottom: 5px; 
margin-right: 0px; 
margin-top: 5px;
}

/* This code centers your layout */
#centerlayout {
margin-left: -370px;
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
width: 779px;
left: 50%;
top: 0%;
position: absolute;
}

/* This code controls the properties of your left menu */
#leftmenu
{ font-family: Papyrus;
color: #76cec9;
font-size: 10px;
background-color: #64313d;
background-image: url(' ');
text-align: left;
border: 4px solid #ad3a49;
border-bottom: 0px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
width:125px;
}

/* This code controls the properties of your right menu */
#rightmenu
{ font-family: Papyrus;
color: #76cec9;
font-size: 10px;
background-color: #64313d;
background-image: url(' ');
text-align: right;
border: 4px solid #ad3a49;
border-bottom: 0px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
width:120px;
}

/* This code controls the properties of your content */
#content
{ font-family: Papyrus;
color: #76cec9;
font-size: 12px;
background-color: #532237;
background-image: url(' ');
border: 0px solid #000000;
width: 529px;
}

/* This code controls the properties of your banner */ 
#banner
{ font-family: Papyrus;
color: #76cec9;
font-size: 12px;
background-color: #64313d;
background-image: url(' ');
border: 4px solid #ad3a49;
text-align:center;
}

/* CSS ENDS HERE */

</style>
</head>
<body leftmargin="0" rightmargin="0" topmargin="10" bottommargin="10">
<div id="centerlayout">
<table cellspacing="0" cellpadding="5" border="0">
<tr><td valign="top" align="center" id="banner" colspan="3" width="779" height="170">

</td>
</tr>
<tr>
<td valign="top" id="leftmenu">

</td>
<td valign="top" id="content">
<div align="justify"

PLEASE FOLLOW THE RULES IF YOU INTEND TO USE THIS LAYOUT!<p>
1.)	You must have an HTML layout/setup to use this. Otherwise, it will not work.<p>
2.)	To be able to update your site, you will need to know how to work with HTML layouts, please do NOT ask me how to do this! <p>
3.)	You cannot copy the code to make your own new layout from it. The original template was from Moonclaw (http://www.freewebs.com/warriorcatpics/), if you want to change anything past headers and colours, ask her, not me! <p>
4.)	Do NOT remove and/or change the credits on the layout OR header image! <p>
5.)	NEVER claim this as your own or will be reported! <p>
And last of all, if you donâ€™t know HTML, I strongly suggest you donâ€™t use the layout. <p>

This is where your content goes! It can be anything! Pictures, words, a guestbook and more!<p>
This is where your content goes! It can be anything! Pictures, words, a guestbook and more!<p>
This is where your content goes! It can be anything! Pictures, words, a guestbook and more!<p>
This is where your content goes! It can be anything! Pictures, words, a guestbook and more!<p>
This is where your content goes! It can be anything! Pictures, words, a guestbook and more!<p>

<br><br>

</div>
</td>
<td valign="top" id="rightmenu">

More room to put anything you want!<p>
More room to put anything you want!<p>
More room to put anything you want!<p>
More room to put anything you want!<p>

Â© Layout Coding: <a href="http://www.freewebs.com/warriorcatpics/ ">Moonclaw</a> and <a href=" http://www.freewebs.com/cindermoon09/">Cindermoon</a> <p>
Â© Top Header Image: <a href="http://www.freewebs.com/warriorcatpics/ ">Moonclaw</a> and <a href=" http://www.freewebs.com/cindermoon09/">Cindermoon</a> <p>Â© Content: Your Name Here<p>

<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_roundgrey.js">
</script>

</td></tr>
<tr><td valign="top" id="disclaimer" colspan="3">

</td></tr>
</table>
</html>

Hidden in the Dark
Preview?
Code:

<html>
<head>
<title>Your Website Title Here</title>

/* This changes your link colors */
A:link 
{ text-decoration: underline; color: #ffffff; }
A:visited 
{ text-decoration: none; color: #ffffff; }
A:active
{ text-decoration: none; color: #ffffff; }
A:hover 
{ text-decoration: none; color: #ffffff; }

/* This changes the basic properties of your layout */
body
{ font-family: Arial;
color: #ffffff;
font-size: 12px;
background-color: #000000;
text-align: justify;
margin-bottom: 5px; 
margin-right: 0px; 
margin-top: 5px;
}

/* This code centers your layout */
#centerlayout {
margin-left: -370px;
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
width: 779px;
left: 50%;
top: 0%;
position: absolute;
}

/* This code controls the properties of your left menu */
#leftmenu
{ font-family: Arial;
color: #ffffff;
font-size: 10px;
background-color: #1a1a1a;
background-image: url(' ');
text-align: left;
border: 4px solid #000000;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
width:125px;
}

/* This code controls the properties of your right menu */
#rightmenu
{ font-family: Arial;
color: #ffffff;
font-size: 10px;
background-color: #1a1a1a;
background-image: url(' ');
text-align: right;
border: 4px solid #000000;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
width:120px;
}

/* This code controls the properties of your content */
#content
{ font-family: Arial;
color: #ffffff;
font-size: 12px;
background-color: #747474;
background-image: url(' ');
border: 0px solid #000000;
width: 529px;
}

/* This code controls the properties of your banner */ 
#banner
{ font-family: Arial;
color: #ffffff;
font-size: 12px;
background-color: #000000;
background-image: url(' ');
border: 4px solid #000000;
text-align:center;
}

/* CSS ENDS HERE */

</td>
</tr>
<tr>
<td valign="top" id="leftmenu">

</td>
<td valign="top" id="content">
<div align="justify"

PLEASE FOLLOW THE RULES IF YOU INTEND TO USE THIS LAYOUT!<p>
1.)	You must have an HTML layout/setup to use this. Otherwise, it will not work.<p>
2.)	To be able to update your site, you will need to know how to work with HTML layouts, please do NOT ask me how to do this! <p>
3.)	You cannot copy the code to make your own new layout from it. The original template was from Moonclaw (http://www.freewebs.com/warriorcatpics/), if you want to change anything past headers and colours, ask her, not me! <p>
4.)	Do NOT remove and/or change the credits on the layout or header image! <p>
5.)	NEVER claim this as your own or will be reported! <p>
And last of all, if you donâ€™t know HTML, I strongly suggest you donâ€™t use the layout. <p>

This is where your content goes! <p>
This is where your content goes! <p>
This is where your content goes!<p>
This is where your content goes! <p>
This is where your content goes! <p>

<br><br>

</div>
</td>
<td valign="top" id="rightmenu">

More room! <p>
More room! <p>
More room! <p>
More room! <p>
More room! <p>

<noscript></noscript><noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script src="http://www.freewebs.com/p.js"></script><script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_roundgrey.js">
</script>

</td></tr>
<tr><td valign="top" id="disclaimer" colspan="3">

</td></tr>
</table>
</html>

Graphics of Another Kind

Pre-Made HTML Layouts