BBCode Examples

One of the features built into mee.nu is BBCode support.  You can use this in both posts and comments.

Examples for all the currently supported tags are in the extended entry.

Simple Markup

[i]italics[/i] italics
[b]bold[/b] bold
[u]underline[/u] underline
[s]strikethrough[/s] strikethrough
[sup]superscript[/sup] ^superscript
[sub]subscript[/sub] _subscript
[quote]quote[/quote]

quote

[quote=Churchill]History will be kind to me for I intend to write it.[/quote]

Churchill wrote:

History will be kind to me for I intend to write it.

[quote=Churchill|http://en.wikipedia.org/wiki/Winston_Churchill]There is no finer investment for any community than putting milk into babies.[/quote]

Churchill wrote:

There is no finer investment for any community than putting milk into babies.

[cite]cite[/cite] cite
[big]big[/big] big
[small]small[/small] small
[sm]small[/sm] small
[code]code[/code] code
[pre]preformatted[/pre]

preformatted

[size=30]huge[/size] huge
[size=6]tiny[/size] tiny
[color=green]blue[/color] blue
[color=#007]green[/color] green
[em]emphasis[/em] emphasis
[strong]strong[/strong] strong
[dfn]definition[/dfn] definition
[kbd]keyboard input[/kbd] keyboard input
[var]variable[/var] variable
[ins]inserted text[/ins] inserted text
[del]deleted text[/del] deleted text
[center]centered[/center] centered
[h1]heading[/h1]

heading

[h2]subheading[/h2]

heading

(It goes up to 6.)

Links and Images

[url=http://mee.nu/]mee.nu[/url] mee.nu
[link=http://mu.nu/]mu.nu[/link] mu.nu
[img=http://ai.mee.nu/icons/logo.jpg]

Special Tags

[wikipedia=Catgirl] Catgirl
[wikipedia=de:Catgirl] Catgirl
[wp=Catgirl] Catgirl
[wp=de:Catgirl] Catgirl
[hide]hidden text[/hide] hidden text
[nsfw]boobies[/nsfw] boobies
[spoiler]it was all a dream[/spoiler] it was all a dream
[spoiler="Lord of the Rings"]The butler did it.[/spoiler] Spoiler for Lord of the Rings: The butler did it.

Miscellany

[hr]

---

[tm] ™
[me] Pixy Misa
[you] you
[you=du] du

Lists

[list][item]Item one[/item][item]Item two[/item][/list]

1. Item one
2. Item two

[list=a][item]Item one[/item][item]Item two[/item][/list]

1. Item one
2. Item two

[list=i][item]Item one[/item][item]Item two[/item][/list]

1. Item one
2. Item two

[bullet][item]Item one[/item][item]Item two[/item][/bullet]

• Item one
• Item two

[bullet=square][item]Item one[/item][item]Item two[/item][/bullet]

• Item one
• Item two

Image and Video Tags

[img]http://i88.photobucket.com/albums/k187/MissyKayy/Eva%20Longoria/74203342.jpg[/img]


[youtube=t427vjxGENs]

[youtube=http://www.youtube.com/watch?v=t427vjxGENs]

[eyespot=http://eyespot.com/share?cmd=permalink&r=eVEXaw00cD0HyClpkriEJW07IW8wok]


[eyespot=eVEXaw00cD0HyClpkriEJW07IW8wok]


[ifilm=http://www.ifilm.com/video/2844568]


[ifilm=2844568]


[guba=http://www.guba.com/watch/2000801897?category_id=462&pp=10&sb=5&set=5&o=7&sample=1177085125:62e3009ddedee2b8e8a22e4448a7acb2aff813b7]


[guba=2000801897]


[veoh=http://www.veoh.com/videos/v3841049fhGFxCt]


[veoh=v3841049fhGFxCt]
]

Automatic Server-Side Image Scaling and Thumbnails (ASSIST!)

These tags provide high-quality resized images using server-side processing.

Shrink to 200 pixels wide - side-by-side with a browser-scaled image for comparison:
[thumbnail=/images/Benten.jpg size=200x]

Shrink to 200 pixels tall:
[thumbnail=/images/Benten.jpg size=x200]


Fit inside a box 100 pixels square, keeping proportions:
[thumbnail=/images/Benten.jpg size=100x100]


Resize to 100 pixels square, regardless of proportions:
[thumbnail=/images/Benten.jpg resize=100x100]



Pullquotes

The pullquote tag makes for easy and attractive magazine-style pullquotes. You can place the pullquote to the left or right of the text, set your own colour schemes, control the line breaks yourself or let the system handle it for you, and select different text for the quote and the main body.

Code: [pullquote left strip scheme=orange]The pullquote tag|makes for|easy and attractive|magazine-style|pullquotes.[/pullquote]

Usage: [pullquote {left|right} {strip} {nobody} {scheme=scheme_name}]

• The quote can be
  placed either left or right
  placed either left or right (the default) of the body text.
• Markup in the body text may cause problems in the pullquote. The strip option removes any markup from the pullquote, leaving it in the body.
• This text appears only in the pullquote.
  When needed, the pullquote text can be different to the body text. To specify that the contents are to appear in the pullquote only, specify the nobody option.
  
• Schemes can be user-defined in your CSS. The standard schemes include
  red, orange, green, blue, and purple
  red, orange, green, blue, and purple. The default scheme (if no scheme is specified) is black and grey.  The CSS code for the blue scheme, for example, is simply:
  

  .pullquote-blue-1,.pullquote-blue-5  { color: #55D; }
  .pullquote-blue-2,.pullquote-blue-4  { color: #339; }
  .pullquote-blue-3  { color: #004; }

• Pullquotes are automatically split into five sections, unless you specify the break points using pipes | as shown in this example.

Posted by: Pixy Misa at 04:17 AM | Comments (22) | Add Comment
Post contains 456 words, total size 14 kb.