VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Maintop Table (Users Online)



.Maintop Table (Users Online Table)



.maintop table


* This table is also part of the .leftnav menu, so, if you don't apply any separate styles to it, it will be affected by styles you apply to .leftnav.


o Make It Disappear

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




o Borders

To remove the border from this table:

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


To change the border style:

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


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

[ More Border Styles ]



o Background

To set a background color:

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


Or a background image:

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

More on [ Backgrounds ]



o Styling Text

The contents of this table is half plain text, half link, so to change all the text you have to change both of them. If you want all the text to look the same, say, red, Times New Roman text, do this:

<style type="text/css">
.maintop table, .maintop table a:link, .maintop table a:visited, .maintop table a:hover {
color: red;
font-family: "Times New Roman", Times, serif;
text-decoration: none;
}
</style>


If you want them to be different, you could style the text, the link, and even the link in its hover state differently:

<style type="text/css">
.maintop table {
color: red;
font-family: "Times New Roman", Times, serif;
}
.maintop table a:link, .maintop table a:visited {
color: orange;
font-family: "Courier New", Courier, mono;
}
.maintop table a:hover {
color: green;
font-family: "Courier New", Courier, mono;
background: yellow;
text-decoration: underline overline;
}
</style>

More [ Text Styles ]





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


Contact VFLayouts
[ Contact VFLayouts! ]