1, 2, or 3 Columns
nav_first.pngFirst: package:1
Easy Logo and Header
Edited: 04 Jan 2010 13:54 by: pieterh
Comments: 7
Tags: prize-winner
nav_prev.pngPrevious: package:9
Apply a snowy theme to your page
Edited: 04 Jan 2010 13:55 by: pieterh
Comments: 4
Tags: prize-winner
Last: package:17
Mobile iPod
Edited: 02 Feb 2010 17:15 by: pieterh
Comments: 2
Tags:
nav_last.png
Next: package:11
Autonumber headings and ordered lists
Edited: 04 Jan 2010 13:55 by: pieterh
Comments: 2
Tags: prize-winner
nav_next.png

1, 2, or 3 Columns
Package submitted by Ed Johnson
1262288563|%e %B %Y, %H:%M

rating: +1+x

This package provides a fairly simple way to create a custom page layout with 1, 2 or 3 columns. You can optionally disable the display of all the primary page elements like #page-title, #side-bar, #header, #breadcrumbs, etc. Columns can be set using pixels (fixed width) or percentages (fluid widths). Support is included for advanced CSS users so they can further customize the look and feel of the page.

Include files

3column By Ed Johnson 31 Dec 2009 19:43

Instructions

To install this package in your site, create/edit these pages with the following content:

This page Contains this line
template:3column see sample template below

I highly recommend you create one or more static template pages for use with this CSS-CSI. Since there are a number of variables that can be passed to the include, and there are specific [[div]] ... [[/div]] blocks that must be part of your page content, it will be easiest to manage this way. Any time you want to use the template, just select it from the drop-down list of templates when you create a new page on your site.

Caution

This CSI makes it possible to easily disable the page options and you may lose your ability to easily edit your page. If you hide the edit button, you can append /edit/true (i.e http://mywiki.wikidot.com/my-page/edit/true) to the URL of your page to open the editor.

The template page below is fully documented and has sample content to help you get started. You can see a live example of this CSI in action here: 3 Column CSI and here: 3 Column Fixed CSI

If you find you're using multiple layouts based on this CSI, it would make sense for you to create multiple template pages. For example, you may want one template for a fluid, 3-column layout and one for a fixed width, 2-column layout.



Comments: 2

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License