Styles
Documentation > Layout > Styles
There are several ways to add styles to page sections. See the skins tutorial? for information about setting a styles zone for sitewide css settings. But for in page styles, you can use markup to style divs, paragraphs, spans, and tables.
Div's, Paragraphs and Spans
To add a div, paragraph or span styling element to a page simply enter the following markups, respectively:
<code>Your text
Your text </code>Divs can cover several paragraphs; Paragraphs one paragraph; and Spans inline elements. Most standard CSS markups can be inserted. There are also a few shortcuts available, such as:
<code> Your text Your textTables
BoltWire has a simple but flexible table markup, using [t], [r], [h], and [c] markups for tables, rows, and cells. You can insert most standard styles in any of these elements, plus many shortcuts (top, right, cols, padding, image, etc). You do not need a closing row or cell marukp but a closing table markup is required.
It is also possible to nest tables, using an index number for each table element. For example the following markup insert inserts a 3x2 table into the middle cell of a three row table. The extra spaces are not necessary.
<code>
| | ||||||
BoltWire tables are very powerful, and flexible --with fully styleable markup.
Code, Markup, and Pre
Three additional built in styles are available in BoltWire, which often come in handy. To display wiki code in a page without processing any of it, use the <code> tag before and after the code you wish to escape. If you want to display both the code and what it outputs, try the <markup> tag. If you want preformatted code, surround it by <pre> markups. The latter will process most markups (variables, functions, etc), but it's designed primarily for preformatted text. Also, don't forget the closing tags!
Currently the Code, Markup, and Pre tags cannot be given style attributes directly in the markup, like Divs, Paragraphs, and Spans. However, you can assign any styles you like to the Code and/or Pre elements in a sitewide or local style sheet.
