<tr>
|
<td>Highlighted Bar</td>
|
<td>-=highlighted bar=-</td>
|
- <td><span class="bitbar">highlighted bar</span></td>
|
+ <td><span>highlighted bar</span></td> |
<td></td>
|
</tr>
|
<tr>
|
<td>Highlighted Box</td>
|
<td>^highlighted box^</td>
|
- <td><span class="bitbox">highlighted box</span></td>
|
+ <td><span>highlighted box</span></td> |
<td></td>
|
</tr>
|
</table>
|
|
-<br /><br />
|
-<table class="bittable">
|
- Special tags
|
- <tr>
|
- <th style="width:25%">Description</th>
|
- <th style="width:25%">Example</th>
|
- <th style="width:25%">Result</th>
|
- <th style="width:25%">Notes</th>
|
- </tr>
|
- <tr>
|
- <td>Image</td>
|
- <td>{img src=/storage/images/logo.png}</td>
|
- <td><img alt="Image" src="/storage/images/logo.png" /></td>
|
- <td>Please see the appendix for more information</td>
|
- </tr>
|
- <tr>
|
- <td>Highlighted Bar</td>
|
- <td>-=highlighted bar=-</td>
|
- <td><span class="bitbar">highlighted bar</span></td>
|
- <td></td>
|
- </tr>
|
- <tr>
|
- <td>Highlighted Box</td>
|
- <td>^highlighted box^</td>
|
- <td><span class="bitbox">highlighted box</span></td>
|
- <td></td>
|
- </tr>
|
-</table>
|
+<hr /> |
+ |
+!! Why use wiki syntax? |
+Wiki syntax is a way to add word-processor like formatting to content in the website. Consisting of special characters that you enter along with the text, wiki syntax is designed for non-programmers be easy to use. E.g., typing ~np~__bold text__~/np~ with underscores creates __bold text__. Typing ~np~((Wiki Syntax|link))~/np~ creates a ((Wiki Syntax|link)) to the page ''Wiki Syntax''. |
|
-<h2>Appendix</h2>
|
-<h3>{img}</h3>
|
-<p>When using {img} the image and the description are enclosed with a div, that you can style with various css parameters:</p>
|
-<ul>
|
- <li>border</li>
|
- <li>padding</li>
|
- <li>width</li>
|
- <li>float</li>
|
- <li>color</li>
|
- <li>background</li>
|
- <li>border</li>
|
- <li>text-align</li>
|
-</ul>
|
-<p>Example:
|
-<br />{img src=http://www.bitweaver.org/storage/images/logo.png float=right margin=0 1em padding=10px 20px background=#f60 text-align=center color=#fff float=right desc=bitweaver standing tall border=3px solid #000 font=bold small-caps 160%/160% fantasy link=http://bitweaver.org}</p>
|
-<p><div class="img-plugin" style="float:right;margin:0 1em;padding:10px 20px;background:#f60;text-align:center;color:#fff;float:right;border:3px solid #000;font:bold small-caps 160%/160% fantasy;">
|
- <a href="http://bitweaver.org">
|
- <img alt="bitweaver standing tall" title="bitweaver standing tall" src="http://www.bitweaver.org/storage/images/logo.png" style="" />
|
- </a>
|
- <br />bitweaver standing tall
|
-</div>
|
-This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph.</p>
|
+!! Quicklinks |
+Eventually many users memorize the wiki syntax they use, but you don't have to. It the ((QuicklinksPackage|Quicklinks)) package is enabled, the quicklink buttons above the edit window will apply the chosen formatting to any selected text. |
|
+!! Plugins |
+If you are looking for a way to include __CODE__ (with highlighting for various languages) or __DIV__ or __IMG and ATTACHMENT__ please refer to ((DataPlugins|the list of data plugins)). |