Formating messages in Basecamp using textile

2008 Apr 29
Basecamp is using textile to format and display its messages. The following is a list of codes used to modify the look of your messages inside basecamp.

You can format the messages in basecamp using the following codes below:

Paragraph Codes
The following codes are commonly used in composing paragraphs in basecamp, adding in the following codes helps you convey the message you wish to tell and makes it easier to read and understand the context.

Header: hn.
h1. Header 1 is equivalent to

Header 1



Blockquote: bq.
bq. A block quotation. is equivalent to
bq. A block quotation.


Footnote: fn1.
fn1. Footnote text. is equivalent to

1 Footnote text.



Example:
This text has a footnote below[1].
fn1. This is the footnote of the text above.

Text Alignments
p<. align left
p>. align right
p=. centered
p<>. justified
p(., p((. left indent 1em, 2em, etc.
p). right indent 1em

Example:
p=. This text is centered is equivalent to
This text is centered



Phrase Codes
These codes below allows us to importance to a portion of our text in basecamp and adding some emphasis to it. We can use either the emphasis or the boldface HTML code when adding some importance to the message we have written. Other HTML code can also be used.

Emphasis
Prepend and append underscores to the text you wish to be emphasized.
_text on emphasis_ is equivalent to text on emphasis

To make italics text we use double underscores
__text on italics__ is equivalent to text on italics

Strong emphasis
Use asterisk to make text appear with strong emphasis
*text on strong emphasis* is equivalent to text on strong emphasis

And, use double asterisk to make them apear as boldface
**text on boldface** is equivalent to text on boldface

Citations
Enclose citation text with double question marks
??cited text?? is equivalent to cited text

Mark as deleted
Also called overstrike. Useful in editing copy with multiple versions.
-text to be deleted- is equivalent to text to be deleted

Mark as inserted
Used mutually with the overstrike tag. Marks the text as newly inserted text.
+inserted text+ is equivalent to inserted text

Span
Allows us to customize out text based on color or formating using the CSS standard code. Use the percent symbol to start a span tag.
%{color:red}text in red color% is equivalent to text in red color


Lists
Precede each line with pound sign to make an ordered list like this:

# line 1
# line 2
# line 3

Which becomes,


  1. 1 line 1

  2. 2 line 2

  3. 3 line 3



To make a bulleted list, use the asterisk instead like this:

* line 1
* line 2
* line 3

Which becomes,


  • 1 line 1

  • 2 line 2

  • 3 line 3



To add a nested list or increase the list indention we add another asterisk link this:

* line 1
** line 1.1
** line 1.2
* line 2
* line 3


Which becomes


  • line 1


    • line 1.1

    • line 1.2


  • line 2

  • line 3



Creating Tables
Use the pipe symbol to make tables

|This|is|a|table|
|with|two|rows|inside|


is equivalent to









Inserting Links
Inserting hyperlinks in basecamp is similar to inserting text in wikipedia, just enclose the anchor text with double quotation marks followed by a colon and the url
"Tildemark blogs":https://tildemark.com is equivalent to Inserting Images
Use the exclamation symbol to insert an image into basecamp.

!http://www.basecamphq.com/images/basecamplogo-small.png! is equivalent to basecamp logo


Image Links

To make the image clickable we add the link code adding in a colon and the corresponding link.
!http://www.basecamphq.com/images/basecamplogo-small.png!:"http://www.basecamphq.com" is equivalent to


Superscripts
Use caret symbol to make superscripts
e = m * c ^2^ is equivalent to e = m * c 2

Subscripts
Use the tildemark to make subscripts
log ~b~ (x) = y is equivalent to log b (x) = y

Source Codes
To add source code listing we use the @ symbol
@print "hello world";@ is equivalent to print "hello world";

More examples with textile code for basecamp here.

Tweet this post

Related Entries

Leave a comment


About Me


Alfredo Sanchez is an internet professional focusing on the study search engines behavior in particular. Supports Free Open Source Software and currently develops applications with it using XAMPP.

Recent Entries

Thisisatable
withtworowsinside