[[help:formatting]]

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

help:formatting [2017/07/21 15:55] (current)
neil created
Line 1: Line 1:
 +====== Commenting and Deal Formatting ======
 +
 +We often get queries about how to perform certain functions on CheapCheapLah such as posting a deal, making a comment, creating a table, reminders, etc. 
 +
 +
 +==== Guides ====
 +
 +
 +Commenting and posting in deals & forum posts utilises the markdown and markdown extra system. The system is used by other popular websites such as [[https://reddit.com/|Reddit]]. 
 +
 +[[http://daringfireball.net/projects/markdown/syntax|Official Markdown]]
 +
 +[[http://michelf.com/projects/php-markdown/extra/|Official Markdown Extra]]
 +
 +You can also find formatting help at the bottom of every comment box.
 +
 +{{https://files.delvu.com/images/cheapcheaplah/formattinghelpccl.png}}{{https://files.delvu.com/images/cheapcheaplah/formattinghelp2ccl.png}}
 +
 +
 +
 +==== Formatting ====
 +
 +^  Task  ^^  Code  ^^  Example  ^
 +|   Bold   | |   %%**theword**%%   | |   **theword**   |
 +|   Italic  | |   %%*theword*%%   | |   //theword//   |
 +|   Strike-through   | |   ~~theword~~   | |   <del>theword</del>   |
 +
 +
 + 
 +H1 (big text): 
 +
 +<code> #theword</code>
 +
 +Example:
 +
 +<html><p style="font-size:16.8px"><b> theword </b></p> </html>
 +
 +
 +
 +**Quoting text:   
 +**
 +
 +<code> >theword </code>
 +
 +Example:    
 +
 +>theword   
 +
 +You can also nest quotations.
 +
 +<code> >first line of quote 
 +>>second line of quote</code>
 +
 +Example:
 +>first line of quote
 +>>second line of quote
 +
 +-----
 +
 +Ordered lists (bullet points)
 +
 +<code>* First item 
 +* Second item </code>
 +
 +Example:
 +
 +  * First Item
 +  * Second Item
 +
 +
 +--------------------------
 +
 +==== Links ====
 +
 +URLs are automatically converted to links.
 +
 +http://www.google.com
 +
 +However, you can link a website to words.
 +
 +Code: <code>[Title of Link](http://www.google.com)</code>
 +
 +Example: [[http://www.google.com|Title of Link]]
 +
 +Different link colours:
 +
 +{{https://files.delvu.com/images/cheapcheaplah/101linksccl.png}}
 +
 +--------------------------
 +
 +
 +====Tables====
 +
 +Tables can be useful for long lists of items such as a [[https://www.ozbargain.com.au/node/100137|weekly supermarket sale list.]]
 +
 +Code:
 +<code>
 +| Header | Header | Right  |
 +|  Cell  |  Cell  |   $10  |
 +|  Cell  |  Cell  |   $20  |
 +</code>
 +
 +Example: 
 +
 +^ Header ^ Header ^ Right  ^
 +|  Cell  |  Cell  |   $10  |
 +|  Cell  |  Cell  |   $20  |
 +
 +If you don't want to go through and create tables manually, you can use the [[http://www.tablesgenerator.com/markdown_tables#|Markdown Tables generator]] which allows you to create markdown tables through a simple copy + paste GUI.
 +
 +----------------
 +
 +
 +====Other Markdown====
 +
 +
 +**A line or horizontal rule
 +**
 +
 +Code: 
 +<code>-------</code>
 +
 +Example:
 +
 +
 +----
 +
 +
 +
 +**A definition list:
 +**
 +
 +Code:
 +
 +<code>Bottled water
 +: $ 1.25
 +: $ 1.55 (Large)
 +</code>
 +
 +Example:
 +
 +Bottled water
 +
 +<html><p style= "text-indent:50px">$ 1.25</p></html>
 +    
 +<html><p style= "text-indent:50px">$ 1.55 (Large)</p></html>
 +
 +**Code blocks such as ones shown above:
 +**
 +
 +Code:
 +
 +<code>
 +`code here`
 +</code>
 +
 +
 +Example:
 +
 +<code>code here</code>
 +
 +**Footnotes if needed:
 +**
 +
 +<code>That's some text with a footnote.[^1]
 +
 +[^1]: And that's the footnote.</code>
 +
 +
 +That's some text with a footnote. ((And that's the footnote.))
 +
 +