VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Topbar



.Topbar (Profile/ Journal etc Nav Bar)



.topbar



o Make It Disappear

<style type="text/css">
.topbar { display: none; }
</style>




o Borders

To remove the border from the topbar, use:

<style type="text/css">
.topbar, .topbar td { border: none; }
</style>


To change the border style instead:

<style type="text/css">
.topbar { border: 1px solid red; }
.topbar td { border: none; }
</style>

Nb, the border: none; part of this code is deliberate, as the topbar table also has an inner border which would still show up otherwise.

[ More Border Styles ]



o Background

To set a background color for the whole menu:

<style type="text/css">
.topbar { background: red; }
</style>


Or a background image:

<style type="text/css">
.topbar { background: url('http://www.PATH TO YOUR IMAGE.gif'); }
</style>

More on [ Backgrounds ]



o Text Styles

To change the plain (none linked) text bit:

<style type="text/css">
.topbar { color: red; }
</style>


To change the links (and hover links separately):

<style type="text/css">
.topbar a:link, .topbar a:visited {
color: red;
background: navy;
font-size: 8pt;
}
.topbar a:hover {
color: orange;
background: green;
font-size: 8pt;
}
</style>

More [ Text Styles ]



o Size

You can stretch or shrink your topbar table by giving it a width and/or height:

<style type="text/css">
.topbar {
width: 500px;
height: 40px;
}
</style>




o Positioning

To move your topbar table a bit to the left or right, you can use margins:

<style type="text/css">
.topbar { margin-left: 150px; }
</style>






Design by [ KineticShock.com ] && [ PrintedExistence[dot]com ]
All content copyright © PrintedExistence 2006 - 2008


Contact VFLayouts
[ Contact VFLayouts! ]