code
13 years, 8 months & 5 days ago
18th Oct 2010 12:36 <center><style>
body {
background-image: url(http://www.pryzmdesign.com/marahtml/backgrounds/bgmusic03.jpg);
background-repeat: repeat;
}
body {
font: 100% arial, helvetica, sans-serif;
}
h2 {
color: #CCCCFF;
}
h2:target {
font-size: 10pt;
color: 000000;
background: #CCCCFF;
border-bottom: 3px solid #000000;
border-top: 3px solid #000000;
}
h1 { font-family: Georgia;
color:#660066;
font-style: italic;
text-indent: 20px;
font-size: 15px;
border-bottom: 3px solid #990066;
height: 15px;
margin-top:0px;
}
#nav, ul {
list-style: none;
padding: 0;
margin: 0;
}
#nav li {
float: left;
position: relative;
width: 10em;
}
#nav li ul {
display: none;
position: absolute;
top: 1.5em;
left: 0;
background: #ffffff;
}
#nav li li {
float: none;
}
#nav li:hover ul, #nav li.sfhover ul {
display: block;
}
#content {
clear: left;
}
</style>
</head>
<body>
<DIV STYLE="WIDTH:200PX;HEIGHT:20PX;OVERFLOW:AUTO;BORDER: 1PX SOLID #000000;BACKGROUND-COLOR:#CCCCFF;>be careful<br>
<a
href="#1">Links:</a>
<a
href="#2">About me</a>
<a
href="#3">Other</a>
</div>
<DIV STYLE="WIDTH:500PX;HEIGHT:600PX;OVERFLOW:AUTO;BORDER: 1PX SOLID #000000;BACKGROUND-COLOR:#CCCCFF;>
<h2 id="1">Topics:</h2>
<h1>About me</h1>
<h2 id="2">About me:hey everyone. i am yomama and i make these so called sites but this one is currently under construction</h2>
<h1>Other</h1>
<h2 id="3">Other: you might think that i am just doing some thing simple with this layout but it has so much more than that. as you can see the layout changes every time you click the links. That is proof that this is a coded layout and takes more time and effort to create than you think. </h2>
<ul id="nav">
<li><a href="http://www.marapets.com/club.php?id=172154">Club</a>
<ul>
<li><a href="http://www.marapets.com/topics.php?id=2348200&fid=14&latest=1"> Club links</a></li>
<li><a href="#">This that</a></li>
<li><a href="#">This other</a></li>
</ul>
</li>
<li><a href="#">That</a>
<ul>
<li><a href="#">That this</a></li>
<li><a href="#">That that</a></li>
<li><a href="#">That other</a></li>
</ul>
</li>
<li><a href="#">The Other</a>
<ul>
<li><a href="#">The other this</a></li>
<li><a href="#">The other that</a></li>
<li><a href="#">The other other</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Facebook
Google
Twitter
