|
Viewing Single Post From: Fixed Width Board
|
|
Mercury
|
May 21 2004, 11:35 PM
|
- Posts:
- 12,383
- Group:
- Members
- Member
- #2,097
- Joined:
- May 31, 2003
|
Having a fixed width allows your board to have a consistent look across monitors with different resolutions. This is desirable when certain images (such as your banner or category headers) look best at one specific width.
To have a fixed width, you will have to make the following modifications to your Board Wrapper and your Style Sheet:
- Go to your Board Wrappers (in AdminCP under the Skinning and Styles section) and locate the Header and Body section
- Look for the <% BOARD HEADER %> tag
- Right above it, add the code in red below
- Quote:
-
... <div id='board'> <% BOARD HEADER %> ...
- Scroll down to the Footer section and include the following red code to the top of that box
- Quote:
-
</div>
- Click on the Edit Wrapper button to save the changes
- Go to Manage Style Sheets (in the same section from the menu on the left of AdminCP)
- Locate the word BODY within the text box (it may appear in all capital or lowercase lettering)
- Add the following code in red between the curly braces (preferably right after the opening one — yours may not look exactly the same)
- Quote:
-
BODY { text-align: center; color: #000; margin: 0px; padding: 0px; background-color: #FFF; }
- Add the following code to your style sheet, changing the part in red to your desired width in pixels
Please note that the minimum board width will be limited by the size of the Ads on your board (which at the time of this writing is 728 pixels wide). If you do not know what pixels are, please take a look at the topic on pixel sizes
- Quote:
-
#board, #ipbwrapper { width: 728px; text-align: left; margin-left:auto; margin-right:auto; }
- Click on the Edit CSS button to save the changes
Please take a look at the Documentation on changing the page margins if you wish to have a part of the background shown on either side of your board.
Edited by RyanF, May 19 2008, 05:56 AM.
|
|
|