VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Group Forum



.Group_Forum (Table Containing The Threads)



.group_forum



o Make It Disappear

I'm going to skip this one, as I can't think of any circumstance under which you'd want to create a cult and then hide all the threads!



o Borders

To get rid of the border around it:

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


To put on a border of your own:

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


Nb, the .group_forum td { border: none; } part of this code is to remove the inner border on the group_forum table.

[ More Border Styles ]



o Background

To set a background color:

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


Or a background image:

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

More on [ Backgrounds ]



o Styling Text

The group_forum table contains both plain text and links. You can style the text, links, and even links in their hover state all separately:

<style type="text/css">
.group_forum {
color: red;
font-family: "Times New Roman", Times, serif;
}
.group_forum a:link, .group_forum a:visited {
color: orange;
font-size: 8pt;
text-decoration: none;
}
.group_forum a:hover {
color: green;
background: yellow;
font-size: 8pt;
text-decoration: underline overline;
}
</style>

More [ Text Styles ]



o Size

You can change the width of the group_forum table:

<style type="text/css">
.group_forum { width: 400px; }
</style>




o Positioning

You can use margins to set a bit more space to the top or bottom, or left or right of the group_forum table (Nb, the group_forum table is 100% the width of the page by default, so to set a left or right margin for it you would first have to give it a width).

<style type="text/css">
.group_forum {
width: 500px;
margin-right: 150px;
margin-top: 60px;
}
</style>






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


Contact VFLayouts
[ Contact VFLayouts! ]