VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - JournalEntry



.Journalentry (Table Containing All Journal Entries)



.journalentry



o Make It Disappear

You probably don't want to hide this table, because it would make all of your journal entries disappear! If for some reason you do want to achieve this the code is:

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




o Borders

To remove the existing border:

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


To add a border of your own:

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


Nb, The second part of this code serves two purposes- removing the border from .journalentry td gets rid of an inner border on the journalentry table that you probably don't want to see if you're applying your own, and the .journalentry .journalentry part is because the class journalentry refers to more than one table on your page- the outer, main table that we are trying to change, and also the grey .subheading table (the class subheading only refers to a row of that table). What this part of the code does, is stop an extra border being put around each subheading.

[ More Border Styles ]



o Background

To set a background color:

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


Or a background image:

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

More on [ Backgrounds ]



o Styling Text

The main .journalentry table itself doesn't contain any text- just more tables. To style the text on your journal entries, you should edit text in [ .entrytable ].




o Size

You can change the width of the journal entry table:

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




o Positioning

You can use margins to set a bit more space to the left or right of the journalentry table (Nb, the journalentry 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">
.journalentry {
width: 400px;
margin-right: 150px;
}
</style>






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


Contact VFLayouts
[ Contact VFLayouts! ]