VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Gallery Comments



.Comments (Picture Comments Table)



.comments



o Make It Disappear

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




o Borders

To get rid of the comments table border:

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


Or, to put a border of your own on it:

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

Nb, the .comments td { border: none; } part is because the comments table has an inner border too.

[ More Border Styles ]



o Background

To set a background color:

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


Or a background image:

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

More on [ Backgrounds ]



o Text Styles

The comments table contains both plain text and links. If you want them all to match, you could give them all the same styles, like this:

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


Or, you could style them all differently, like this:

<style type="text/css">
.comments {
color: red;
font-size: 8pt;
}
.comments a:link, .comments a:visited {
color: orange;
text-decoration: none;
font-weight: bold;
}
.comments a:hover {
color: green;
background: yellow;
text-decoration: underline overline;
}
</style>

More [ Text Styles ]



o Size

You can change the width of the comments table:

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




o Positioning

You can use margins to set a bit more space above or below, or even to the left or right of the comments table.

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



[ Top ]    



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


Contact VFLayouts
[ Contact VFLayouts! ]