Templates & Custom BBCode

Discussion in 'Extras' started by Shin, Jul 30, 2017.

  1. Shin Staff Member Administrator Moderator OOC
    She/Her/Hers

    Templates, Custom BBCode, & You
    Several of the theme's main components have been reduced to custom BBCode for use in the Extras board. Available custom BBCode, sample usage, and example templates are described below.

    Fancy Header

    Code:
    Select All
    [fancyhead]A Fancy Header[/fancyhead]
    Fancy Subheader

    Code:
    Select All
    [fancysubhead]A Fancy Subheader[/fancysubhead]
    Fancy Category

    Code:
    Select All
    [fancycat]A Fancy Category[/fancycat]
    Fancy Box

    Code:
    Select All
    [fancybox]A fancy box[/fancybox]


    Tying It All Together
    A Fancy Category
    These three components can be tied together to create the simple template we use for our staff posts. Note that there's no linebreak between [fancyhead]...[/fancyhead] and [fancycat]...[/fancycat] or [fancycat]...[/fancycat] and [fancybox]...[/fancybox].

    Usage

    Code:
    Select All
    [fancyhead]Tying It All Together[/fancyhead][fancycat]A Fancy Category[/fancycat][fancybox]These three components can be tied together to create the simple template we use for our staff posts. Note that there's no linebreak between [icode][fancyhead]...[/fancyhead][/icode] and [icode][fancybox]...[/fancybox][/icode]. [fancysubhead]Usage[/fancysubhead] ... [/fancybox]


    Sample Templates
    See the following post for sample templates.


    Utilities
    Aside from the various fancy codes, there are also several utility BBCodes.

    Inline Code

    Inline Code is an inline variant of the [code]...[/code] BBCode.
    Code:
    Select All
    [icode]<code>...</code>[/icode]
    Font Icon

    Font Icon builds a Font Awesome icon. See Font Awesome Icons for a list of icon names you can use.


    Code:
    Select All
    [fa]power-off[/fa] [fa]link[/fa] [fa]paper-plane-o[/fa]
     
    Last edited: Aug 28, 2017
  2. Shin Staff Member Administrator Moderator OOC
    She/Her/Hers

    Sample Tracker
    Usage

    Code:
    Select All
    [fancyhead]Timeline[/fancyhead][fancybox][fancysubhead]Month (Episode ?)[/fancysubhead] [list] [*][URL='http://#'][fa]link[/fa] Thread Subject[/URL] A summary of the thread. [*][URL='http://#'][fa]link[/fa] Thread Subject[/URL] A summary of the thread. [*][URL='http://#'][fa]link[/fa] Thread Subject[/URL] A summary of the thread. [/list] [fancysubhead]Month (Episode ?)[/fancysubhead] [list] [*][URL='http://#'][fa]link[/fa] Thread Subject[/URL] A summary of the thread. [*][URL='http://#'][fa]link[/fa] Thread Subject[/URL] A summary of the thread. [*][URL='http://#'][fa]link[/fa] Thread Subject[/URL] A summary of the thread. [/list] [/fancybox]


    Timeline
    Month (Episode ?)

    Month (Episode ?)

     
    Last edited: Aug 27, 2017