The city of....Lights

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>The city of....[Lights].....</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:#cdcdcd;
text-align:center;
margin:0;
padding:0;
}

#container {
width:650px;
text-align:left;
border:2px solid #f7f7f7;
margin:0 auto;
padding:0;
}

#sidebarleft {
float:left;
background-color:#f2f2f2;
width:450px;
margin:auto;
padding:5px;
}

#sidebarright {
float:right;
width:185px;
background-color:#f2f2f2;
}

#site {
background-color:#cdcdcd;
font-family:Century Gothic;
font-size:48px;
text-transform:lowercase;
}

hr {
height:0;
background-color:#19b6f0;
color:#19b6f0;
width:90%;
border-left:0 solid #555;
border-top:1px dashed #999;
border-bottom:0 solid #FFF;
border-right:0 solid #666;
}

b {
color:#777;
font-weight:700;
}

img {
border:0;
}

i {
color:#ccc;
}

u {
color:#000;
}

a:link,a:visited,a:active {
color:#000;
text-decoration:none;
}

h1 {
font-family:courier new;
font-weight:400;
font-size:24px;
color:#4565a6;
text-align:center;
text-transform:lowercase;
letter-spacing:1px;
word-spacing:3px;
line-height:40px;
border-bottom:1px dashed #555;
border-left:5px solid #a9e2f7;
margin:0;
}

h1:first-letter {
text-transform:uppercase !important;
}

h2 {
margin-bottom:0;
margin-top:0;
line-height:20px;
font-size:17px;
font-family:courier new;
text-transform:lowercase;
font-weight:400;
color:#19b6f0;
text-align:center;
border-bottom:1px dashed #555;
border-right:5px solid #19b6f0;
}

h2:first-letter {
text-transform:uppercase !important;
color:#999 !important;
}

h3 {
font-family:courier new;
font-weight:400;
font-size:20px;
color:#555;
text-align:center;
text-transform:lowercase;
letter-spacing:-1px;
word-spacing:3px;
background-color:#f7f7f7;
line-height:15px;
margin:0;
}

.content {
float:left;
width:100%;
background:#f2f2f2;
font-size:14px;
font-family:tahoma;
color:#999;
line-height:14px;
text-align:justify;
text-transform:none;
font-weight:400;
padding:0;
}

blockquote {
border-left:20px solid #4565a6;
background-color:#f5f5f5;
padding:10px;
}

#menu {
border:0 solid #000;
background-color:transparent;
}

#menu a {
font:normal 17px courier new;
text-transform:lowercase;
letter-spacing:-2px;
padding-left:0;
display:block;
text-decoration:none;
text-align:center;
font-style:normal;
color:#4565a6;
background-color:#f5f5f5;
width:auto;
}

#menu a:hover {
background-color:#f5f5f5;
color:#ccc;
text-transform:uppercase;
font-style:normal;
border-left:15px solid #FFF;
}

textarea {
background-color:#4565a6;
font-family:small fonts;
font-size:7pt;
color:#FFF;
border:0;
}

input {
height:20px;
background-color:#4565a6;
font-family:courier new;
font-size:15px;
text-transform:uppercase;
color:#FFF;
border:0;
}

s,a:hover {
color:#fff;
}
</style>
</head>
<body>
<div id="site"><img src="http://cbimg6.com/layouts/09/05/34583aa.jpg" alt=""></div>
<div id="container">
    <div class="content">
      <div id="sidebarright">
        <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/34583ab.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>

<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>

<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 id="sidebarleft">
<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>
</div>
</div>
</body>
</html>

Layout Comments

Showing latest 2 of 2 comments

i lik da layout but is there anywzys dat u can make dis into a myspace DIV layout? but otha den dat dis layout is awesome!!!

By clover894 on May 10, 2009 10:39 pm

I kind of like the image but I don't really like the font used for "WELCOME" and the headers. But other than that, I like it. Good job. :)

By Mikeplyts on May 10, 2009 2:49 pm

Layout Details

Designer	kimataughtme
Submitted on	May 9, 2009
Page views	8,723
Favorites	13
Comments	2
Reviewer	schizo
Approved on	May 10, 2009

The city of....Lights

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates