

Enter the Crypt - OpenID
The Cemetery - The Morgue - Join the Undead - Offerings - Download - DJ News - Advertise on DJ
Morgue Directory - Random Grave - Place of Death - Search Morgue - Interests
Botched Murders - FAQ - Lost Info? - Spoon Feeding - Hauntings
|


Resizing your journal tables [Tabular Indent] style
This tutorial will deal with resizing your journal tables with the Tabular Indent system style.
This ONLY applys if you are using the Tabular Indent style.
The following will make the content tables thinner and allow you to realign them for Tabular Indent
In your own style If you have your own style, and you want to move the tables without having to go through and change all the widths, then paste this code into the <head> section of your LASTN_PAGE:
<style type="text/css"> <!-- /* change these numbers, must add up to 100% or less*/ table { width: 50%; margin-left: 25%; margin-right: 25%; } /* do NOT change these numbers */ table table { width: auto; margin:0; } table table table { width: 0; } --> </style>
In OverridesIf, however, you don't have your own style, and rely on overrides, then you will want to paste this into your overrides box at http://deadjournal.com/modify.bml: GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 100% or less*/ table { width: 50%; margin-left: 25%; margin-right: 25%; } /* do NOT change these numbers */ table table { width: auto; margin:0; } table table table { width: 0; } --> </style> <=GLOBAL_HEAD
N.B. If you have more than one GLOBAL_HEAD override, you will need to merge them. See this FAQ for instructions. Using the sample code will center the content tables and will make the content tables half the width of the screen. To change the width of the content tables you would change the percentage value highlighted in yellow. To change where on the screen the content tables appear you would change the percentage values highlighted in orange. If these two numbers are equal than your journal content will be centered. In the above example, to shift the content to the right you would use margin-left: 50% and margin-right: 0; to shift the content to the left you would use margin-right: 50% and margin-left: 0.
|