AND THE METEORS FALL

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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>//AND THE METEORS FALL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="icon" href="http://www.freewebs.com/igniti0n/images/meteor.png" type="image/png" />

body {
background: url(http://cbimg6.com/layouts/07/08/07/20404ae.png);
background-attachment:fixed;
background-position: left; 
background-repeat: repeat-y;
margin: 0px;
padding:0px;
scrollbar-Arrow-Color: #ffffff;
scrollbar-Track-Color: #000000; 
scrollbar-Shadow-Color: #ffffff;
scrollbar-Face-Color: #990033; 
scrollbar-Highlight-Color: #ffffff; 
scrollbar-darkshadow-color: #000000;
scrollbar-3dLight-Color: #000000;
overflow-x: hidden;
font: tahoma;
font-size:8px;
color: #ffffff;

}

a:link{
/* edit the links */
color: #990033;
text-decoration: none;
font:normal 9px tahoma;
}

a:visited{
/* edit visited links */
color: #ffffff;
font:9px tahoma;
text-decoration: none;
}

a:hover {
color:#ff0000;
}

a.menu:visited{
color: #990033;
text-decoration: none;
}

a.menu{
color: #990033;
font: 9px tahoma;
text-decoration: none;
}

a.menu:hover{
color: #ffffff;
text-decoration: none;
}

b, strong{
 color: #990033;
 font-family: tahoma;
 font-weight:bold;
 font-size:9px;
 }

em, italic {
 color: #ffffff;
 font-family: arial;
 font-weight:italic;
 font-size:9px;}

u, underline{
 color: #990033;
 font-family: arial;
 font-size: 9px;}

sup, superscript, sub, subscript{
 color: #990033;
 font-family: tahoma;
 font-weight: bold;
 font-size: 9px;}

div.dateheader {
background-image: url('http://cbimg6.com/layouts/07/08/07/20404af.png');
background-attachment:inherit;
background-position: inherit; 
background-repeat: no-repeat;
padding: 4px 0px 4px 0px;
width: 371px;
height: 25px;
font-family: tahoma;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: left;
border: 0px solid #990033;
text-indent: 7px;
margin-left: -4px;
}

div.content{
font:normal 9px arial;
color: #ffffff;
text-align:justify;
width: 371px;
margin-top: -11px;
}

p.module{
font:normal 9px arial;
color: #ffffff;
text-align:justify;
width: 121px;
}

p.nav {
/* edits the menu modules */
width:121px;
font: tahoma;
font-size:11px;
margin-left: 0px;
border: 1px dotted #f8f7f7;
border-width: 0px 0px 1px 0px;
color:#990033;
letter-spacing:1px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}

marquee.news{
color:#ffffff;
font: tahoma;
font-size: 11px;
font-weight: bold;
}

</style>

</head>

<body>
	<img src="http://cbimg6.com/layouts/07/08/07/20404aa.png">
	<div style="margin-top: -143px; margin-left:24px; border:1px solid black; width:283px; height:45px">
	<b style="color: #ffffff; font-size:12px; text-indent: 2px"> NEWS</b><br>
	<marquee class="news" scrollAmount="2" direction="up" height="29px" behavior="scroll" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2" style="margin-left: 2px;">
	August 7th - WEBSITE version up.<br>
	</marquee> 
	</div>
	
<div style="margin-left: 21px; margin-top: 5px;">
<table width="523px" border="0px solid #ffffff" cellpadding="0px" cellspacing="0px">
<tr>
<td width="371px" valign="top">
<div class="dateheader">August 5, 2007</div>
<div class="content">
Text goes under the div class "content"; date goes under the class "dateheader". Image under each entry is optional
<center><img src="http://cbimg6.com/layouts/07/08/07/20404ab.png" style="margin-left: -5px;"></center>
</div>
</td>
<td width="143px" height="200px" colspan="1" valign="top">
	<table cellspacing="0px" cellpadding="0px"> 
	<tr><td>
	<img src="http://cbimg6.com/layouts/07/08/07/20404ac.png" border="0px">
	<div style="margin-top: -3px;">
	<table align="right" bgcolor="#000000" border="0px">
	<tr valign="top">
        <td colspan="2">
	<p class="nav">About Me</p>
	<tr>
	<td colspan="2">
	<p class="module">
	<b>Name:</b> <br>
	<b>Age:</b> <br>
	<b>City:</b> <br>
	<b>Gender:</b> <br>

<br>
	
	<tr>
	<td colspan="2">
	<p class="nav">Navigation</p>
	<tr>
	<td>
	<p align="center" style="display: block">
	<a href="" class="menu">Custom Link 1</a><br>
<a href="" class="menu">Custom Link 2</a><br>
<a href="" class="menu">Custom Link 3</a><br>
<a href="" class="menu">Custom Link 4</a><br>
<a href="" class="menu">Custom Link 5</a><br><br>
</td>
<td>
<br>
<p align="center" style="display: block; margin-top:-1px">
<a href="" class="menu">Custom Link 6</a><br>
<a href="" class="menu">Custom Link 7</a><br>
<a href="" class="menu">Custom Link 8</a><br>
<a href="" class="menu">Custom Link 9</a><br>
<a href="" class="menu">Custom Link 10</a></div><br>
<br>

<tr>
	<td colspan="2">
	<p class="nav">EXtra</p>
	<tr>
	<td colspan="2">
	<p class="module">ANYTHING YOU WANT HERE<br>

<br>

<tr>
	<td colspan="2">
	<p class="nav">EXtra</p>
	<tr>
	<td colspan="2">
	<p class="module">ANYTHING YOU WANT HERE<br>

<br>

<tr>
	<td colspan="2">
	<p class="nav">Credits</p>
	<tr>
	<td colspan="2">
	<p class="module">
	<b>Site by:</b><a href="http://drsmooth.createblog.com" class="menu" target="_blank"> eJV</a><br>
	
        <br>

</td>
	</tr>
	</table>
	</div>
	</td></tr>
	<tr><td valign="top">
	<img src="http://cbimg6.com/layouts/07/08/07/20404ad.png" border="0px">
	</td></tr>
	</table>
</td>
</tr>
</table>

</body>
</html>

Layout Comments

Showing latest 3 of 3 comments

nice.

By luku on Aug 8, 2007 3:46 pm

ThErE SHouLD Be GAiA LyTS & FReEWeBS LyTS T0o =D

By Imichelle on Aug 8, 2007 12:05 am

this layout is really cool :]

By IVIike on Aug 7, 2007 11:33 pm

Layout Details

Designer	DrSMooTH
Submitted on	Aug 7, 2007
Page views	5,105
Favorites	7
Comments	3
Reviewer	IVIike
Approved on	Aug 7, 2007

AND THE METEORS FALL

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates