Bert McCracken

Designer's Comments

Look carefully for specific instructions

I always wanted to make a bert layout so I made one. enjoy this layout, KEEP CREDITS VISIBLE. This layout has validated coding.

Note: please pay attention to the coding, its easy to mess up and this layout looks good in all browsers.

Please visit KissMeBeautiful

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<title>layout by Integral For You</title>
<style type="text/css">
body {
background: url("");
background-color: #fff;
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 11px;
color: #333333;
text-align: justify;
line-height: 11px;
}

#container1 {
width: 596px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://cbimg6.com/layouts/07/06/09/18315ab.png");
}
#container2 {
width: 596px;
margin-top: 3px;
margin-left: 3px;
margin-right: 0;
padding: 5px;
}
#container3 {
width: 596px;
margin-top: 3px;
margin-left: 1px;
margin-right: 20px;
padding: 5px;
}
#hmenu {
width: 596px;
margin-top: 0px;
margin-left: 6px;
margin-right: 0;
padding: 5px;
}
#header {
background: #ffffff;
width: 100%;
height: 30px;
padding-top: 7px;
font-size: 20px;
}
#content {
background: transparent;
float: left;
width: 414px;
text-align: left;
}
#menu {
background: transparent;
float: left;
width: 170px
}
#footer {
clear: both;
}

b, strong {
color: #fd267d;
}

i {
color: #000000;
}

s {
color: #ff9bc1;
}

u {
color: #ff5e9b; 
}

td, tr
{
color: #858585;
font-family: arial,sans-serif;
font-size: 11px;
}
a:link {
color: #fd267d; 
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:active {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #fff;
font-weight: normal;
text-decoration: none;
}
h1 {
color: #fff;
font-size: 13px;
line-height: 14px;
font-weight: normal;
background-color:#000;
letter-spacing: 0px;
font-family: verdana, sans serif;
text-align: left;
text-transform: none;
margin-top: 0px;
margin-bottom: 2px; 
border-left: 0px solid #e8e8e8;
border-right: 0px solid #e8e8e8;
border-bottom: 2px solid #fd267d;	
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 0px;
}
h2 {
color: #fd267d;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #000;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 4px solid #808080;
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: #fd267d;
background-color: #eaeaea;
font-size: 5pt;
line-height: 7px;
font-family: small fonts;
font-weight: normal;
letter-spacing:0px;
text-align: right;
margin-top: -2px;
margin-bottom: 2px; 
margin-left: 0px;
margin-right: 0px;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-top: 0px solid #d341a5;
border-bottom: 1px solid #d3d3d3;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 3px;
text-transform: uppercase;
}
blockquote { 
color: #fd267d;
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, textarea {
font-family: arial,sans-serif;
font-size: 11px;
color: #1b1b1b;
background-color: #f9f9f9;
border: 1px solid #ff9bc1;
}
div.content {
background : #f1f1f1;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #c0c0c0;
}
div.content1 {
background : transparent;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
}
#navigation3 {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation3 li {
   float: left;
}
#navigation3 li a {
   font-family: arial,sans-serif;
   font-size: 9px;
   text-transform: uppercase;
   display: block;
   background: #000;
   width: 115px;
   text-align: center;
   color: #fd267d;
   padding: 1px 0;
}
#navigation3 li a:hover {
   background: #000;
   color: #fff;
}
</style> 
</head> 
<body> 
<div id="container1">

<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>
 
<div id="container2">
	<div id="menu">
<br />
<div class="content">
<h2>Header</h2>
<h3>Sub header</h3>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah haha blah blah blah sexy fun :) blah blah blah blah blah. THE END</p>
</div>
<br />

<div class="content">
<h2>Header</h2>
<h3>Sub header</h3>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah haha blah blah blah sexy fun :) blah blah blah blah blah. THE END</p>
</div>
<br />

<div class="content">
<h2>Credit</h2>
<h3>Keep here</h3>
<a href="http://ify.emotioanltears.net.net/">Integral For You</a><br />
</div>
</div>

<div id="content">
<div class="content1">
<h1>About Layout</h1>
<p>This is a Bert McCracken layout. I always wanted to make a layout of him because he's just a pretty dude, hehe. This layout was made in paintshop pro 9 . Also if you use this layout, you must keep credits visible, sorry but you didn't make it.</p>
<br />
<blockquote>This what a blockquote look like :)</blockquote>

</div>

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

Layout Comments

Showing latest 10 of 10 comments

Is there a tiny tiny tiny chance that you might just be even more amazing and make this into a MySpace layout? Because I would absolutely love you if you did, it's amazing

By heyohereiam on Sep 27, 2007 4:11 pm

ITS AMMMMMAZING.

By noshesgone on Sep 19, 2007 3:19 am

Wee! You have the best music taste! Flyleaf? The Used! HELL YEAH! This has to be my favourite layout!

By shaznanagon on Sep 2, 2007 2:01 am

It really good i like it alot and i was woreding if u could just take this whole look and make it so i can use it on myspace. =)

By DestroyedPieces on Aug 13, 2007 4:52 pm

this is most probably my favourite. [:

By hospitalhorror on Jun 20, 2007 8:02 pm

I love this. I love Bert. =]

By adolelolz on Jun 10, 2007 1:16 pm

Its suppose to look edgy and rough like that.

By 1angel3 on Jun 9, 2007 10:28 pm

I likey ;D the background doesn't repeat that well though. Other than that, it looks quite amazing.

By umbreon on Jun 9, 2007 9:48 pm

position of the credit looks really out of place.... and i think the content (right side) would look better with a background like the left side

By Blaqheartedstar on Jun 9, 2007 9:45 pm

I really like the header and the textures..I just wish there was a pattern for the bg

By synthase on Jun 9, 2007 9:33 pm

Layout Details

Designer	1angel3
Submitted on	Jun 9, 2007
Page views	13,694
Favorites	24
Comments	10
Reviewer	freeflow
Approved on	Jun 9, 2007

Bert McCracken

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates