VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Heading



.Heading (Top bit of .Leftnav)



.heading



o Make It Disappear

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




o Borders

To put a border on this table:

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

[ More Border Styles ]



o Background

To set a background color:

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


Or a background image:

<style type="text/css">
.heading { 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">
.heading, .heading a:link, .heading a:visited, .heading 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">
.heading {
color: red;
font-family: "Times New Roman", Times, serif;
}
.heading a:link, .heading a:visited {
color: orange;
font-family: "Courier New", Courier, mono;
}
.heading 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! ]