Cartoon Chris

Designer's Comments

Look carefully for specific instructions

To see my layout perview click here : http://speakerboxlyts.webs.com/domainlyts/one.htm

Hope you enjoy it :)

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<title>Cartoon Chris By And Kiara</title>
<style type="text/css">
body {
background: url();
background-color: #000000;
margin: 0px 0;
font-family: calibri;
font-size: 11px;
color: #000;
text-align: center;
}

#container1 {
width: 614px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://cbimg9.com/layouts/08/12/32826ab.png");
}

#container2 {
width: 614px;
margin-top: 3px;
margin-left: 3px;
margin-right: 0;
padding: 8px;
}

#container3 {
width: 614px;
margin-top: 3px;
margin-left: 1px;
margin-right: 20px;
padding: 5px;
}

#hmenu {
width: 614px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0;
padding: 6px;
}

#header {
background: #ffffff;
width: 100%;
height: 30px;
padding-top: 7px;
font-size: 20px;
}

#content {
background: transparent;
float: left;
width: 423px;
text-align: left;
}

#menu {
background: transparent;
float: left;
width: 170px
}

#footer {
clear: both;
}

b, strong {
color:  #FDAA2D;
}

i {
color: #000000;
}

s {
color: #000000;
}

strike {
color:#000000;
}

small {
font-family:small fonts;
font-size:7px;
text-transform:uppercase;
color:#000000;
}

u {
color: #E56717; 
}

big {
font-family:tahoma;
text-transform:uppercase;
font-size:14px;
color:#E56717;
}

td, tr
{
color: #000000;
font-family: arial,sans-serif;
font-size: 11px;
}
a:link {
color: #E56717; 
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #E56717;
font-weight: normal;
text-decoration: none;
}
a:active {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #4C4646;
font-weight: normal;
text-decoration: none;
}
h1 {
color: #4C4646;
font-size: 22px;
line-height: 20px;
font-weight: normal;
background-color:#E56717;
letter-spacing: -2px;
font-family: georgia;
text-align: left;
text-transform: none;
margin-top: 0px;
margin-bottom: 2px; 
border-left: 7px solid #4C4646;
border-right: 0px solid #e8e8e8;
border-bottom: 0px solid #fd267d;	
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 0px;
}
h2 {
color: #4C4646;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #ffffff;
letter-spacing:1px;
font-family: georgia;
text-align: left;
text-transform: uppercase;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 4px solid #E56717;
border-right: 0px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
border-bottom: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}
h3 {
color: #ffffff;
background-color: #4C4646;
font-size: 5pt;
line-height: 7px;
font-family: small fonts;
font-weight: normal;
letter-spacing:2px;
text-align: right;
margin-top: -2px;
margin-bottom: 2px; 
margin-left: 0px;
margin-right: 0px;
border-left: px solid #202020;
border-right: px solid #202020;
border-top: 0px solid #d341a5;
border-bottom: px solid #202020;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 3px;
text-transform: uppercase;
}
blockquote { 
color: #4C4646;
background-color: #fff;
font-size: 10pt;
text-align: justify; 
border-bottom : 1px solid #c0c0c0;
border-top : 1px solid #c0c0c0;
border-right : 1px solid #c0c0c0;
border-left : 7px solid #f1f1f1;
padding: 6px;
}
input, submit {
font-family: arial,sans-serif;
font-size: 11px;
color: #1b1b1b;
background-color: #f9f9f9;
border: 1px solid #000000;
}
 textarea {
font-family: arial,sans-serif;
font-size: 11px;
height:100px;
width:270px;
color: #1b1b1b;
background-color: #f9f9f9;
border: 1px solid #000000;
}
div.content {
background : #e1e1e3;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #c8c9ce;
}
div.content1 {
background : #e1e1e3;
padding : 4px;
margin-top : 0;
margin-left : 8px;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #c8c9ce;
}

#navigation3 {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation3 li {
   float:left;
}
#navigation3 li a {
   font-family: small fonts;
   font-size: 7px;
   text-transform: uppercase;
   display: block;
   background: #000000;
   width: 118px;
   text-align: center;
   color: #E56717;
   padding: 5px 0;
}
#navigation3 li a:hover {
   background: #000000;
   color: #fff;
   letter-spacing:3px;
}
</style> 
</head> 
<body> 
<div id="container1">

<img src="http://cbimg9.com/layouts/08/12/32826aa.png" alt="Site name here" /><center>
<div id="hmenu">
<ul id="navigation3">
<li><a href="">Home</a></li>
<li><a href="">About Me</a></li>
<li><a href="">Site Info</a></li>
<li><a href="">Visitor content</a></li>
<li><a href="">Guestbook</a></li>
</ul>
</div>
 </center>
<div id="container2">
	<div id="menu">
<br />
<div class="content">
<h2>Header</h2>

<h3>Sub header</h3>
<p>Dude, I've came up with a name for these things. Sidebar Boxes. Oh let me explain what they are..you can type text in the <b>BOXES</B>, put site stats in the <b>BOXES</B>, or actually <u>anything you want</u>! Awesome, right?!</p>
</div>
<br />

<div class="content">
<h2>Header</h2>
<h3>Sub header</h3>
<p>Dude, I've came up with a name for these things. Sidebar Boxes. Oh let me explain what they are..you can type text in the <b>BOXES</B>, put site stats in the <b>BOXES</B>, or actually <u>anything you want</u>! Awesome, right?!</p>
</div>
<br />

<div class="content">
<h2>Credit</h2>
<h3>Keep here</h3>
<a href="http://andkiara.com">Kiara</a> (Layout)<br />
</div>
</div>

<div id="content">
<br />
<div class="content1">
<h1>Your Header</h1>
<p>
Your text
</p>
</div>

<br />
<div class="content1">
<h1>Your Header</h1>

</div>

<br />

</div>
<div id="footer"> 
|| ©Yoursite.Com || Layout Made By : <a href="http://andkiara.com">Kiara</a> || 2008-2009 || Whatever You Want ||
</div>

</div>

</div>
</body> 
</html>

Layout Comments

Showing latest 6 of 6 comments

where's the temp. html?

By CHOCOLATElUHV on Feb 14, 2009 7:03 pm

were is the template html at on myspace for me to post the code

By prettiboii on Feb 8, 2009 11:38 pm

hey u should have one for lil wayne

By rolandaB on Dec 7, 2008 8:41 pm

I agree with schizo; the effects don't look too good. It's cool and everything, but just doesn't fit here. Yeah, the content and nav look very nice. :D

By dreamgurl36 on Dec 3, 2008 3:04 pm

that's fresh....im diggin it

By trudude on Dec 1, 2008 7:28 pm

I'm not a fan of the effect on the images, but the content area looks incredible. :)

By schizo on Dec 1, 2008 4:06 pm

Layout Details

Designer	NotSoPerfect
Submitted on	Nov 30, 2008
Page views	7,920
Favorites	30
Comments	6
Reviewer	schizo
Approved on	Dec 1, 2008

Cartoon Chris

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates