FAQ / Info / Textile MegaFAQ
What is Textile?
Textile was designed as a more "humane Web text generator". Instead of the final code consisting of tons of unreadable open and closing tags, it uses normal characters that make instant sense when taking a quick glance. It's very different from a strict HTML, XML, or BBCode method of stylizing posts.
Am I forced to use Textile?
No, normal forum BBCode additionally works well on this forum. There are examples below the Textile MegaFAQ
How does Textile work?
Textile consists of two major "parts", the inline code, and the optional paragraph-level code. The inline code is "common" code you can use inside text to stylize sections and the paragraph-level code is used to style whole paragraphs.
Common "Inline" Textile
| Name | Example Textile | Example Output |
|---|---|---|
Bold Text Surround the word(s) with stars. |
There are words that I really want to *emphasize their importance*! | There are words that I really want to emphasize their importance! |
Italic Text Surround the word(s) with underscores. |
Quietly emphasizing _importance_ is nice too! | Quietly emphasizing importance is nice too! |
Underline Text Surround the word(s) with plus signs. |
Sometimes +underlining text+ is better than bolding or italics! | Sometimes underlining text is better than bolding or italics! |
Link Text Quote the title and add the link with a colon. |
You should read the "Fangamer Blog":http://fangamer.com/blog! | You should read the Fangamer Blog! |
| Protip! Textile is smart enough to handle most punctuation immediately following links! | ||
Images Surround the URL with exclamation points. |
The Fangamer logo was made by the awesome Jonk! !http://link.to/logo-fangamer2.png! | The Fangamer logo was made by the awesome Jonk! |
| Protip! Most forums don't allow images, check the rules! | ||
Curly Bracket Customization Surround the URL with percent signs. |
Firetrucks are %{color:red}red% like apples! | Firetrucks are red like apples! |
| Protip! Read the section below on curly brackets to fully understand! | ||
How do I customize text with curly brackets?
Right before your text, you may enter special customized text inside curly brackets to further stylize your text in ways the original BBCode wouldn't allow you! You can do this with regular code or use the percent signs if you don't want to bold/italic/link text. You can separate values with a semicolon. Example: This text is %{font-size:200%;color:red}red and large%. Remember you can do this with any element, see the examples below involving links and images.
What types of curly customization are allowed?
| Name | Allowed Values | Example Textile | Example Output | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
background-color Changes the background color of the text. |
#ABC #a1b2c3 red, green, and other common colors |
%{background-color:lime} OW MY EYES!% | OW MY EYES! | ||||||||
| Protip! Abusing background-color will get you banned. :D | |||||||||||
color Changes the color of the text. |
#ABC #a1b2c3 red, green, and other common colors |
_{color:lime} liming for truth is so 2004_ | liming for truth is so 2004 | ||||||||
font-size Changes the size of the text. |
|
%{font-size:16pt} large text is awesome!% | large text is awesome! | ||||||||
font-weight Changes the boldness of the text. |
bolder bold normal lighter |
"{font-weight:bold} another way to bold text!":http://google.com | another way to bold text! | ||||||||
letter-spacing Changes the space between letters of text. |
|
*{letter-spacing:3px} extra space!* | extra space! | ||||||||
line-height Changes the space between lines of text. |
|
%{line-height:25px} this is lots of text! this is lots of text! this is lots of text! this is lots of text! this is lots of text! this is lots of text!% | this is lots of text! this is lots of text! this is lots of text! this is lots of text! this is lots of text! this is lots of text! | ||||||||
How do I modify all elements in a paragraph?
It's easy to modify all elements with "block level" or paragraph codes. They're usually the short name of an element with a period and space. Check the examples below of common paragraph codes:
| Name | Example Textile | Example Output |
|---|---|---|
p Normal Paragraph |
p. This is a normal paragraph and shouldn't be any different from others! | This is a normal paragraph and shouldn't be any different from others! |
h# Header Paragraph |
h4. You can have headers from 1-6! It's useful as it automatically makes a paragraph bigger! |
It's useful as it automatically makes a paragraph bigger! |
* Bullet Lists |
* It's easy * to create * bulleted lists! Just star the beginning! |
Just star the beginning! |
# Numbered Lists |
# It's the same # when creating # numbered lists! Just number sign the beginning! |
Just number sign the beginning! |
Can I curly bracket customize the paragraphs too?
YES! This is the best thing about Textile, just check this examples:
Examples of Curly Bracket Customization for Paragraphs:
| Example Textile | Example Output |
|---|---|
| p{color:red}. This is a red paragraph! | This is a red paragraph! |
| h4{letter-spacing:3px}. You can have headers from 1-6! It's useful as it automatically makes a paragraph bigger! |
It's useful as it automatically makes a paragraph bigger! |
| *{color:orange} It's easy * to create * bulleted lists! Just star the beginning! |
Just star the beginning! |
| # It's the same # when creating {font-weight:bold} numbered lists! Just number sign the beginning! |
Just number sign the beginning! |
Can I use BBCode like a normal forum!
YES! Normal BBCode is allowed! It plays well with Textile. And if Textile is really cramping your style, you can disable it with the Disable Textile checkbox!
Examples of BBCode
| Name | Example BBCode | Example Output |
|---|---|---|
| Bolded Text | [b]bolded text[/b] | bolded text |
| Italicized Text | [i]italic text[/i] | italic text |
| Underlined Text | [u]underlined text[/u] | underlined text |
| Strikethrough | [s]this is a bad idea[/s] | |
| Subscripted Text | The most common use of E[sub]3[/sub] is for fuel. | The most common use of E3 is for fuel. |
| Superscripted Text | Einstein is famous for his E=mc[sup]2[/sup]. | Einstein is famous for his E=mc2. |
| Color | [color=red]Red Text[/color] | Red Text |
| Size | [size=2]Twice as big![/size] | Twice as big! |
| Alignment | [align=right]Righted![/align] | Righted! |
| Acronym | [acronym=I'm so cool, I hide text]Snarky Comment[/acronym] | Snarky Comment |
| Linking | [url]http://fangamer.com[/url] | http://fangamer.com |
| Linking with Name | [url=http://fangamer.com]Fangamer Blog[/url] | Fangamer Blog |
| Image | [img]http://link.to/image.jpg[/img] | |
| Preformatted / Code | [pre]int main() { return 0; }[/pre] |
int main() { |
| Spoiler | [spoiler]Remember when Mario saved the Princess?[/spoiler] | Remember when Mario saved the Princess? |