TDWP

Designer's Comments

Look carefully for specific instructions

I didn't know whether to turn this image into a MySpace layout or a webite layout, but I chose website.
I think it turned out nice. (:

Please keep the credits intact.

---
Font: Dafont
Image: Adam Elmakias

Find this layout and more on my website and on my myspace

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Website Name Here!</title>
</head>

}

a, a:link, a:active, a:visited {color: #ffffff; text-decoration:none; cursor:default; font-size:11px;}
A:hover {color: #f2d576; text-decoration:none; cursor:default; font-size:11px;}

.link{display:block; text-align:left; background-color:000000!important; height:11px; padding-top:2px; z-index:6; font-family: Century Gothic!important; font-size: 11px!important; color:#e1c653!important; letter-spacing:0px!important; border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid;border-color:#6baab8;}
.link:hover{display:block; text-align:left; background-color:#040404!important; height:11px; padding-top:2px; z-index:6; font-family: Century Gothic!important; font-size: 11px!important; color:#ffffff!important; letter-spacing:0px!important; border-left: 5px solid; border-color:#040404;}

.navigationtop {
   font-family: Century Gothic;
   font-size: 12px!important;
   text-transform: normal;
   display: display;
   background: #000000;
   z-index:0;
   width: 137px;
   text-align: center;
   color: #e1c653;
   padding: 1px 0;
}

.navigationtop:hover {
   font-family: Century Gothic;
   font-size: 12px!important;
   text-transform: normal;
   display: display;
   background: #404040;
   z-index:0;
   width: 137px;
   text-align: center;
   color: #ffffff;
   padding: 1px 0;
}

h1 {
color: #ffffff;
font-size: 16px;
line-height: 10pt;
font-weight: normal;
background-color: #000000;
letter-spacing:0px;
font-family: Century Gothic;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-bottom: 0px dashed #fc0000;
border-right: 0px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}

b{color:#e1c653;}
u{color:#e1c653;}
i{color:#e1c653;}
s{color:#ffffff;}

.main{position:absolute; left:394px; top:489px; height: 673; width: 378px; z-index:1; padding:2px; border:0px; background-color:000000; font-family: "Century Gothic"; color: #ffffff; font-size: 10px; text-transform: none; font-weight: none;}
table {overflow: auto; font-family: "Century Gothic"; color: #ffffff; font-size: 10px; text-transform: none; font-weight: none;}
.navi{position:absolute; left:226px; top:489px; width: 165px; height:673; z-index:1; padding:2px; border:0px; background-color:000000; font-family: "Century Gothic"; color: #c0c0c0; font-size: 10px; text-transform: none; font-weight: none;}
.top{position:absolute; left:226px; top:439px; width: 548px; height:50; z-index:1; padding:0px; border:0px; background-color:000000; font-family: "Century Gothic"; color: #ffffff; font-size: 10px; text-transform: none; font-weight: none;}

</style>
<body bgcolor="#363636" topmargin="0" leftmargin="100" background="" style="background-repeat:no;"><img src="http://cbimg6.com/layouts/08/09/31356aa.png">
<div class="main">
<h1>Welcome!</h1>
This is where you type all you information and stuff. Like, this will be where your content is. Woo! Make sure you leave the bottom credits on, it would be quite nice. (: <br><Br> Normal text. <b>Bolded text.</b> <I>Italicized text.</I> <u>Underlined text.</u> <s>Strikethrough text.</s> <a href=http://thisstatic.net/>This is a link.</a>
</div>

<div class="navi">
<h1>About</h1>
<img src="http://cbimg6.com/layouts/08/09/31356ab.png" align="left"> This image is 64x93. You can change it with whatever you want. If you type enough, the text will ‘curve’ around the photo. Woo! This image is 64x93. You can change it with whatever you want. If you type enough, the text will ‘curve’ around the photo. Woo! This image is 64x93. You can change it with whatever you want. If you type enough, the text will ‘curve’ around the photo. Woo!
<br>
<img src=http://cbimg6.com/layouts/08/09/31356ac.png>
<br>
<h1>Links</h1>
<a href="http://thisstatic.net" class="link">Link Name Here</a>
<a href="http://thisstatic.net" class="link">Link Name Here</a>
<a href="http://thisstatic.net" class="link">Link Name Here</a>
<a href="http://thisstatic.net" class="link">Link Name Here</a>
<a href="http://thisstatic.net" class="link">Link Name Here</a>
<a href="http://thisstatic.net" class="link">Link Name Here</a>
<br>
<img src=http://cbimg6.com/layouts/08/09/31356ac.png>
<br>
<h1>Credits</h1>
Layout:<a href=http://hospitalhorror.createblog.com/>Kelci</a> @ <a href=http://thisstatic.net/>Static.</a><br>Images: <a href=http://adamelmakias.com>Adam Elmakias.</a><br>Fonts: <a href=http://dafont.com>Dafont</a>
</div>

<div class="top">
<center><a href="http://thisstatic.net" class="navigationtop">Home</a><a href="http://thisstatic.net" class="navigationtop">About</a><a href="http://thisstatic.net" class="navigationtop">Content</a><a href="http://thisstatic.net" class="navigationtop">Credits</a><br><br><img src=http://cbimg6.com/layouts/08/09/31356ad.png>
</div>