Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Illtron 2005
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Illtron lives here</title>
<style type="text/css">
body {
background: #808080;
color: #fff;
font-family: verdana;
font-size: 11px;
padding-top: 0;
}
#wrap {
background: #000;
background-image: url(illtron_main.png);
background-repeat: no-repeat;
background-color: #000;
height: 900px;
width: 900px;
border: 0px solid #999;
border: 0px solid #fff;
margin: 0px auto;
}
#header {
padding-left: 33px;
padding-top: 240px;
}
/* navigation list */
ul#navlist {
white-space: nowrap;
margin-bottom: 6px;
}
#navlist li {
display: inline;
list-style-type: none;
margin-left: -3px;
margin-bottom: 0px;
}
#navlist a {
color: #000;
background-image: url(trans_white_40.png);
padding: 6px 15px;
margin: 0px;
border-bottom: 1px solid #fff;
}
#navlist a:link, #navlist a:visited {
color: #000;
letter-spacing: .5em;
text-decoration: none;
background: #660;
border-top: 1px solid #660;
}
#navlist a:hover {
color: #fff;
text-decoration: none;
background: #ccc;
border-top: 1px solid #666;
}
#navlist a:link.selected, #navlist a:visited.selected {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
background: none;
background-image: url(trans_white_40.png);
border-bottom: none;
padding-top: 10px;
}
/* content area */
#content {
padding-left: 70px;
}
#left {
width: 600px;
background-image: url(trans_white_40.png);
margin-top: 0px;
padding-left: 10px;
float: left;
}
#left p {
color: #fff;
width: 530px;
}
#right {
float: left;
width: 185px;
background-image: url(trans_white_40.png);
margin-left: -50px;
margin-top: 50px;
padding: 10px;
color: #000;
}
#footer {
clear: both;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#" class="selected">Blog</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">R&eacute;sum&eacute;</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p>
<p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p>
<p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p>
</div>
<div id="right">
<p>This is the right area. This is the right area. This is the right area. This is the right area. </p>
</div>
<div id="footer">
footer
</div>
</div>
</div>
<div id="clearing"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Illtron lives here</title>
<style type="text/css">
body {
background: #808080;
color: #fff;
font-family: verdana;
font-size: 11px;
padding-top: 0;
}
#wrap {
background: #000;
background-image: url(illtron_main.png);
background-repeat: no-repeat;
background-color: #000;
height: 900px;
width: 900px;
border: 0px solid #999;
border: 0px solid #fff;
margin: 0px auto;
}
#header {
padding-left: 33px;
padding-top: 240px;
}
/* navigation list */
ul#navlist {
white-space: nowrap;
margin-bottom: 6px;
}
#navlist li {
display: inline;
list-style-type: none;
margin-left: -3px;
margin-bottom: 0px;
}
#navlist a {
color: #000;
background-image: url(trans_white_40.png);
padding: 6px 15px;
margin: 0px;
border-bottom: 1px solid #fff;
}
#navlist a:link, #navlist a:visited {
color: #000;
letter-spacing: .5em;
text-decoration: none;
background: #660;
border-top: 1px solid #660;
}
#navlist a:hover {
color: #fff;
text-decoration: none;
background: #ccc;
border-top: 1px solid #666;
}
#navlist a:link.selected, #navlist a:visited.selected {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
background: none;
background-image: url(trans_white_40.png);
border-bottom: none;
padding-top: 10px;
}
/* content area */
#content {
padding-left: 70px;
}
#left {
width: 600px;
background-image: url(trans_white_40.png);
margin-top: 0px;
padding-left: 10px;
float: left;
}
#left p {
color: #fff;
width: 530px;
}
#right {
float: left;
width: 185px;
background-image: url(trans_white_40.png);
margin-left: -50px;
margin-top: 50px;
padding: 10px;
color: #000;
}
#footer {
clear: both;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#" class="selected">Blog</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">R&eacute;sum&eacute;</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p>
<p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p>
<p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p>
</div>
<div id="right">
<p>This is the right area. This is the right area. This is the right area. This is the right area. </p>
</div>
<div id="footer">
footer
</div>
</div>
</div>
<div id="clearing"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.