Take My Hand [&&] Never Let It Go....

Designer's Comments

Look carefully for specific instructions

If you want to use php indludes further instructions can be found on my website.

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">
<head>
<title>Take My Hand [&&] Never Let It Go....</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
body { 
background : black; 
text-align : center; 
} 
#container { 
margin : 0 auto; 
width : 600px; 
text-align : justify; 
padding : 0; 
position : absolute; 
left : 0; 
top : 0; 
} 
#right { 
position : absolute; 
left : 480px; 
top : 0; 
width : 400px; 
padding : 0; 
} 
#middle { 
position : absolute; 
left : 280px; 
top : 250px; 
width : 190px; 
padding : 0; 
} 
#left { 
position : absolute; 
left : 80px; 
top : 320px; 
width : 190px; 
padding : 0; 
} 
b { 
color : #777777; 
font-weight : bold; 
} 
img {
border : 0px;
}
i { 
color : #cccccc; 
} 
s { 
color : #ffffff; 
} 
u { 
color : #999999; 
text-decoration : underline; 
border-bottom : 1px solid #993333; 
} 
a:link, a:visited, a:active { 
color : #555555; 
text-decoration : none; 
} 
a:hover { 
text-decoration : none; 
color : #ff9eec; 
font-style: italic;
} 
h1 { 
font-family : "Century Gothic"; 
font-weight : normal; 
font-size : 20px; 
background : black; 
border-bottom : 2px solid #cccccc; 
border-right : 0 solid #993333; 
color : #bc5ca0; 
text-align : center; 
text-transform : uppercase; 
letter-spacing : 1px; 
word-spacing : 2px; 
margin-bottom : 1px; 
line-height : 30px; 
} 
h2 { 
font-family : "Century Gothic"; 
font-weight : normal; 
font-size : 20px; 
background : black; 
border-bottom : 1px solid #cccccc; 
border-right : 0 solid #993333; 
color : #7c83e3; 
text-align : center; 
text-transform : uppercase; 
letter-spacing : 1px; 
word-spacing : 3px; 
margin-bottom : 1px; 
line-height : 40px; 
} 
h3 { 
font-family : "Century Gothic"; 
font-weight : normal; 
font-size : 20px; 
background : #222222; 
border-top : 0 solid red; 
color : #990000; 
text-align : center; 
text-transform : uppercase; 
letter-spacing : 1px; 
word-spacing : 3px; 
line-height : 10px; 
margin-bottom : 1px; 
} 
.content { 
padding : 0; 
width : 100%; 
background-color : #151515; 
font-size : 14px; 
font-family : CENTURY GOTHIC; 
color : #333333; 
line-height : 14px; 
text-align : justify; 
text-transform : none; 
font-weight : normal; 
} 
h2:first-letter { 
text-transform : uppercase !important ; 
} 
textarea { 
background-color : #333333; 
font-family : courier new; 
font-size : 13pt; 
line-height: 10px;
border-width: 1px;
border-style: solid;
border-color: #ff9eec; 
color: black;
border : 0; 
} 
input { 
height : 20px; 
background-color : #333333; 
font-family : century gothic; 
font-size : 15px; 
text-transform : uppercase; 
border: 1px solid #ff9eec; 
color: black;
border : 0; 
} 
#menu { 
border : 0 solid black; 
background-color : transparent; 
} 
#menu a { 
font : normal 10pt century gothic; 
text-transform : uppercase; 
padding-left : 0; 
display : block; 
width : 100%; 
color : #333333; 
text-decoration : none; 
text-align : center;
font-style: italic; 
border : 2px solid #121212; 
} 
#menu a { 
width : auto; 
} 
#menu a:hover { 
background-color : #333333; 
color : red; 
text-transform : uppercase; 
} 
blockquote {  
border-left: 15px solid #990000;
padding-left : 5px; 
padding-right : 5px; 
text-align : justify; 
background-color : #181918; 
}
</style>
</head>
<body>
<div id="container">
<img src="http://cbimg6.com/layouts/09/05/34582aa.png" alt="">
<div id="middle" class="content">
<h2>Header</h2> 
Content goes here..maybe some advertising or something who knows. That's what i would put here..But hey, you dont have to take my advice on it dude!!<br>
<h2>Header</h2> 
<img src="http://cbimg6.com/layouts/09/05/34582ab.png" width="60" align="left" 
alt="You" vspace="3" hspace="3"> 
Put an about me here or something and a picture maybe?? Are you camera shy?? If so just text will do I guess :(<br>

<h2>Credits</h2><p align="justify"> 
This layout was made by Shakima [AT] <a href="http://www.shetaughtmewell.info">She Taught Me Well [DOT info</a>. Other credits can go here as well. Maybe even a hit counter or something
</div></div>
<div id="left" class="content">
<div id="menu"> 
<h2>Navigation</h2>
<a href="#">link</a>
<a href="#">Link</a>
<a href="#">link</a>
<a href="#">Link</a>
<h2>Friends</h2>  
<a href="#">link</a>
<a href="#">Link</a>
<a href="#">link</a>
<a href="#">Link</a>
<a href="#">link</a>
<a href="#">Link</a>
<a href="#">link</a>
<a href="#">Link</a>
<a href="#">link</a>
</div>
</div>
<div id="right" class="content">
<h1>Welcome</h1>
This layout is actually inspired by my old site. I used a series of hnad images and gradients. I only used three brushes on this image. Hard to believe right??
<h3>This is an h3 header</h3>
<blockquote>This is what a blockquote of text would look like....not much right?? lol....i've always been a big fan of css costomized blockquotes anyway</blockquote>
<b>Oh jeah im bold</b><br>
<u>Underline me dude!!</u><br>
<i>Italized maynee</i><br>
<s>Strike your out!!</s><br><br>

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

Layout Comments

Showing latest 3 of 3 comments

interesting.
I like the colors.
Favs*

By xii3 on May 18, 2009 3:32 pm

i don't like the three columns and its hard to read

By LadyLBlack on May 10, 2009 9:29 pm

The setup is really messy and I don't really like the fonts used, but other than that, good job. :)

By Mikeplyts on May 10, 2009 2:48 pm

Layout Details

Designer	kimataughtme
Submitted on	May 9, 2009
Page views	8,829
Favorites	35
Comments	3
Reviewer	schizo
Approved on	May 10, 2009

Take My Hand [&&] Never Let It Go....

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates