Anchor

Welcomes. Likes. Dislikes. Music. Cults. Friends.

VF navigation

Main. Inbox. Comments. Edit profile. Cults. Logout.

Welcome to my profile. Enjoy. =)

Okay. Another layout. XD
Code:

input {
background-color: #000;
border: 0px solid #000;
color: #ff6666;
font-family: impact;
height: 24px;
width: 140px;
font-size: 10pt;
}

tr, td {
color: #fff;
font-family: trebuchet ms;
font-size: 8pt;
}

a:link, a:visited {
color: #ff6666;
text-decoration: none;
font-weight: bold;
backround-color: transparent;
}

a:hover {
background-color: transparent;
text-decoration: line-through;
cursor: se-resize;
color; #ff66666;
font-weight: bold;
}

#credit {
background-color: #000;
width: 600px;
color: #fff;
border: none;
font-weight: bold;
text-align: center;
font-family: trebuchet ms;
letter-spacing: 1px;
}

#box {
width: 600px;
height: 300px;
border: 1px solid #000;
background-color: #000;
}

#headin {
color: #ff6666;
font-family: impact;
padding-left: 10px;
font-size: 9pt;
border-bottom: 1px solid #ff6666;
margin-bottom: 1px;
text-align: left;
}

#container {
width: 450px;
height: 289px;
border: 1px solid #000;
overflow: auto;
overflow-y: hidden;
}

#inside  {
width: 447px;
height: 289px;
border: 0px solid;
overflow: auto;
overflow-x: hidden;
padding-left: 3px;
text-align: center;
}

#nav {
width: 130px;
margin-left: 5px;
margin-top: 3px;
}

#nav a {
display: block;
text-decoration: none;
color: #fff;
margin-bottom: 3px;
border: 1px solid #000;
padding-left: 3px;
line-height: 16px;
background-color: #2b2b2b;
text-align: left;
letter-spacing: 1px;
}

#nav a:hover {
padding-left: 15px;
color: #fff;
font-weight: bold;
background-color: #ff6666;
cursor: sw-resize;
}

</style>

<center><div id="box">
<table><tr><td><div id="nav">
<div id="headin">Anchor</div>
<a href="#01">Welcomes.</a>
<a href="#02">Likes.</a>
<a href="#03">Dislikes.</a>
<a href="#04">Music.</a>
<a href="#05">Cults.</a>
<a href="#06">Friends.</a>
<div id="headin">VF navigation</div>
<a href="/main.php">Main.</a>
<a href="/inbox.php">Inbox.</a>
<a href="/comments.php">Comments.</a>
<a href="/edituser.php">Edit profile.</a>
<a href="/group_mine.php">Cults.</a>
<a href="/login.php?logout=1">Logout.</a>
</div></td>
<td>
<div id="container">
<a name="01"></a>
<div id="inside">
<div id="headin">
Welcome to my profile. Enjoy. =)
</div>
Welcomes and stuff here.</div>

<a name="02"></a>
<div id="inside">
<div id="headin">
My likes.
</div>
Likes here.
</div>

<a name="03"></a>
<div id="inside">
<div id="headin">
Dislikes.
</div>
Dislikes here.</div>

<a name="04"></a>
<div id="inside">
<div id="headin">
My favorite music.
</div>
Fav music here.</div>

<a name="05"></a>
<div id="inside">
<div id="headin">
The cults I'm in. =)
</div>
Cults here.</div>

<a name="06"></a>
<div id="inside">
<div id="headin">
My friends.
</div>
Friends here.</div>
</td></tr></table></div>

My likes.

Likes here.

Dislikes.

Dislikes here.

My favorite music.

Fav music here.

The cults I'm in. =)

Cults here.

My friends.

Friends here.