Sign Up
 
Log In
523 Players Online
09:22:56 MST
Sign Up or Log In With:
Facebook
Google
Marapets is mobile friendly
Marapets is mobile friendly
yomama30
  1. Fireworks Club Poem
    3rd Jan 2011 14:48
    13 years, 10 months & 16 days ago
  2. New Events
    3rd Jan 2011 13:30
    13 years, 10 months & 16 days ago
  3. Comments For Fireworks Club Website
    3rd Jan 2011 13:03
    13 years, 10 months & 16 days ago
  4. code
    18th Oct 2010 12:36
    14 years, 1 month & 2 days ago
  5. Second Hand News
    17th Oct 2010 18:12
    14 years, 1 month & 3 days ago
code
14 years, 1 month & 2 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>


  1. Fireworks Club Poem
    3rd Jan 2011 14:48
    13 years, 10 months & 16 days ago
  2. New Events
    3rd Jan 2011 13:30
    13 years, 10 months & 16 days ago
  3. Comments For Fireworks Club Website
    3rd Jan 2011 13:03
    13 years, 10 months & 16 days ago
  4. code
    18th Oct 2010 12:36
    14 years, 1 month & 2 days ago
  5. Second Hand News
    17th Oct 2010 18:12
    14 years, 1 month & 3 days ago