Info Terms of Service Log In Register

Quick Formatting Guide

What you typeWhat will be published
Headers
[h1]Header 1[/h1]

Header 1

[h2]Header 2[/h2]

Header 2

[h3]Header 3[/h3]
...and so on up to [h6]

Header 3

Text style
[i]Italics[/i]
Italics
[b]Bold[/b]
Bold
[u]Underline[/u]
Underline
[u style=wavy]Wavy Underline[/u]
Wavy Underline
[u style=wavy color=red thickness=1px]Custom Wavy[/u]
Custom Wavy
[s]Strikeout[/s]
Strikeout
[highlight]Default Highlight[/highlight]
Default Highlight
[highlight=pink]Custom Color Highlight[/highlight]
Custom Color Highlight
[color=red]Colored Text[/color]
Colored Text
[color=#9333ea]Colored Text Hex[/color]
Colored Text Hex
Text size
[size=1]Small Text[/size]
Small Text
[size=5]Large Text[/size]
Large Text
[size=20px]Pixel Size[/size]
Pixel Size
[size=+2]Relative Size[/size]
Relative Size
Alignment
[left]Left Align[/left]
Left Align
[center]Center Align[/center]
Center Align
[right]Right Align[/right]
Right Align
[indent]Indented Block[/indent]
Indented Block
Scroll box
[scrollbar]Long text that scrolls once it is taller than 40px[/scrollbar]
Long text that scrolls once it is taller than 40px. Keep adding lines and a scrollbar shows up.
More text
More text
More text
[scrollbar style="border:2px dashed pink; height:40px; overflow-y:scroll;"]Long text...[/scrollbar]
border: solid, dashed or dotted, any size, any colour
Long text that scrolls once it is taller than 40px. Keep adding lines and a scrollbar shows up.
More text
More text
More text
Links and images
[url]https://example.com[/url]
https://example.com
[url=https://example.com]Link Text[/url]
Link Text
[img]https://via.placeholder.com/150[/img]
[img=100x50]https://via.placeholder.com/100x50[/img]
Lists and raw text
[list]
[*]Item 1
[*]Item 2
[/list]
  • Item 1
  • Item 2
[noparse][b]Raw BBCode[/b][/noparse]
[b]Raw BBCode[/b]

Example

PAGE_TITLE = Welcome to my page!
PAGE_DESCRIPTION = Page description here. I can't think of a witty placeholder
PAGE_ICON = https://example.com/static/icon.webp
PAGE_IMAGE = https://example.com/static/image.png

SHARE_TITLE = Welcome to my page!
SHARE_DESCRIPTION = Page description here. I can't think of a witty placeholder
SHARE_IMAGE = https://example.com/static/image.png

SAFETY_PAGE_WARNING = sensitive
SAFETY_PAGE_WARNING_DESCRIPTION = This page contains content some people may find upsetting.
SAFETY_MEDIA_BLUR = true
SAFETY_LINK_WARNING = adult
SAFETY_LINK_WARNING_DESCRIPTION = These links lead to adult content.
SAFETY_PAGE_FLAG = adult

FONT_IMPORT = https://fonts.googleapis.com/css2?family=Lexend:wght@400&display=swap
CONTENT_FONT = arial
CONTENT_FONT_WEIGHT = 400
CONTENT_TEXT_COLOR = #000
CONTENT_TEXT_SIZE = medium
CONTENT_TEXT_ALIGN = left
CONTENT_TEXT_DIRECTION = ltr
CONTENT_TEXT_SHADOW_COLOR = #00000040
CONTENT_TEXT_SHADOW_OFFSET = 1px 1px
CONTENT_TEXT_SHADOW_BLUR = 2px
CONTENT_LINK_COLOR = #0000ee
CONTENT_LINK_BEHAVIOR = same
CONTENT_BULLET_COLOR = #000

CONTAINER_OUTER_BACKGROUND_COLOR = #fff
CONTAINER_OUTER_BACKGROUND_IMAGE = https://example.com/static/bg.png
CONTAINER_OUTER_BACKGROUND_IMAGE_REPEAT = no-repeat
CONTAINER_OUTER_BACKGROUND_IMAGE_POSITION = center
CONTAINER_OUTER_BACKGROUND_IMAGE_SIZE = cover
CONTAINER_OUTER_FOREGROUND_COLOR = transparent

CONTAINER_INNER_BACKGROUND_COLOR = #fff
CONTAINER_INNER_BACKGROUND_IMAGE = https://example.com/static/pattern.png
CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT = no-repeat
CONTAINER_INNER_BACKGROUND_IMAGE_POSITION = center
CONTAINER_INNER_BACKGROUND_IMAGE_SIZE = cover
CONTAINER_INNER_FOREGROUND_COLOR = transparent

CONTAINER_MAX_WIDTH = 1000px
CONTAINER_PADDING = 10px

CONTAINER_BORDER_STYLE = solid
CONTAINER_BORDER_WIDTH = 1px
CONTAINER_BORDER_COLOR = #000
CONTAINER_BORDER_RADIUS = 0px
CONTAINER_BORDER_IMAGE = https://example.com/static/border.png
CONTAINER_BORDER_IMAGE_SLICE = 30
CONTAINER_BORDER_IMAGE_WIDTH = 30px
CONTAINER_BORDER_IMAGE_OUTSET = 0
CONTAINER_BORDER_IMAGE_REPEAT = round

CONTAINER_SHADOW_COLOR = #0000001a
CONTAINER_SHADOW_OFFSET = 0px 0px
CONTAINER_SHADOW_BLUR = 5px
CONTAINER_SHADOW_SPREAD = 0px

CURSOR_IMAGE = https://example.com/static/cursor.cur
CURSOR_HOTSPOT_X = 0
CURSOR_HOTSPOT_Y = 0
AUDIO_BACKGROUND = https://example.com/static/audio.mp3
AUDIO_VOLUME = 0.5