VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Friends



.Friends (Friends / Favs / Member Of Table)



.friends



o Make It Disappear

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




o Borders

To give the friends table a border:

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

[ More Border Styles ]



o Background

To set a background color:

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


Or a background image:

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

More on [ Backgrounds ]



o Text Styles

The friends table contains bold text, regular text, and links. You can change them all separately if you like. Changes applied to .friends affects the plain text, .friends b affects the bold bits, .friends a:link, and a:visited for the links in their regular state, and .friend a:hover for links when they're being hovered over.

<style type="text/css">
.friends {
color: deeppink;
font-size: 10pt;
}
.friends b {
color: yellow;
font-size: 12pt;
}
.friends a:link, .friends a:visited { color: teal; }
.friends a:hover { color: white; }
</style>

More [ Text Styles ]



o Size

You can change the width and/or height of the friends table:
(Nb, by default this table doesn't have a border, so you may need to give it one to see the changes)

<style type="text/css">
.friends {
border: 1px solid deeppink;
width: 400px;
height: 200px;
}
</style>




o Positioning

To create a bit more space above and/or below the friends table, you can give it a margin:

<style type="text/css">
.friends {
margin-top: 50px;
margin-bottom: 20px;
}
</style>

Nb, you could also use margins to shift it left or right.





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


Contact VFLayouts
[ Contact VFLayouts! ]