syntax
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
syntax [2014/01/29 02:15] l [Formatting Passages] |
syntax [2017/10/09 20:39] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | <- [[link|About Links]] --------- [[tag|About Tags]]-> | ||
| + | |||
| ===== Formatting Passages ===== | ===== Formatting Passages ===== | ||
| Line 11: | Line 13: | ||
| | Superscript | %%meters/second^^2^^%% | meters/second<sup>2</sup> |%%meters/second<sup>2</sup>%%| | | Superscript | %%meters/second^^2^^%% | meters/second<sup>2</sup> |%%meters/second<sup>2</sup>%%| | ||
| | Monospace | %%{{{a //word//}}}%% | ''a %%//word//%%'' |%%<code>a //word//</code>%%| | | Monospace | %%{{{a //word//}}}%% | ''a %%//word//%%'' |%%<code>a //word//</code>%%| | ||
| - | | Comment | %%/%a //word//%/%% | | | | + | | Comment | %%/%a comment%/%% | | | |
| | Error | %%@@error@@%% | **error** |<span class=marked>error</span>| | | Error | %%@@error@@%% | **error** |<span class=marked>error</span>| | ||
| | Inline styling | %%@@font-weight:bold;text@@%% | **text** |<span style="font-weight:bold">text</span>| | | Inline styling | %%@@font-weight:bold;text@@%% | **text** |<span style="font-weight:bold">text</span>| | ||
| Line 41: | Line 43: | ||
| Some shorthand syntax for creating HTML tables exists, and is used like so: | Some shorthand syntax for creating HTML tables exists, and is used like so: | ||
| - | >|!//table header //|!//table header //|//table header //| | + | >|!//table header //|!//table header //|!//table header //| |
| >|//row 1//|//row 1//|//row 1//| | >|//row 1//|//row 1//|//row 1//| | ||
| >|//row 2//|//row 2//|//row 2//| | >|//row 2//|//row 2//|//row 2//| | ||
| Line 96: | Line 98: | ||
| ''@@color:magenta;letter-spacing:3px;font-size:1.5em;Some text@@'' | ''@@color:magenta;letter-spacing:3px;font-size:1.5em;Some text@@'' | ||
| - | **Note** that if you intend to re-use a particular set of CSS styles throughout the story, there is an easier way than copying and pasting the same inline style syntax over and over! You should create a [[stylesheet]] and define a CSS class like so: | + | Any text between the first ''@@'' and the final '';'' is usually interpreted as CSS style properties to apply to the span. |
| + | |||
| + | **Note** that if you intend to re-use a particular set of CSS styles throughout the story, there is an easier way than copying and pasting the same inline style syntax over and over! You should create a [[stylesheet]] and define a CSS class (say, that you named "hotpink") like so: | ||
| <code> | <code> | ||
| Line 105: | Line 109: | ||
| }</code> | }</code> | ||
| - | Then, you can simply write this HTML every time you want to use this style: | + | This class collects several CSS properties into a set that you wish to re-use many times throughout your story. You can simply write this syntax every time you want to use this class: |
| + | |||
| + | ''@@.hotpink;Some text@@'' | ||
| - | ''<span class="hotpink">Some text</span>'' | + | Any properties which begin with ''.'' are interpreted as CSS class names to apply to the style, instead of individual style properties. |
| + | <- [[link|About Links]] --------- [[tag|About Tags]]-> | ||
syntax.1390979754.txt.gz · Last modified: 2017/10/09 20:38 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
