Page 1 of 2 12 LastLast
Results 1 to 20 of 36

Thread: Text Formatting on Beast's Lair

  1. #1
    改竄者 Falsifier Petrikow's Avatar
    Join Date
    Nov 2011
    Posts
    6,998
    JP Friend Code
    588,925,100
    Blog Entries
    8

    Text Formatting on Beast's Lair

    Hello.

    The way text is processed on Beast's Lair is different from most sites. This is a general trend on most sites which accept long-form writing.

    This thread is meant to serve as a guide for general ways of formatting your posts. The truth is, Beast's Lairs editor is more powerful than you would imagine an ordinary vBulletin board to be, as it has had many customs BBCode additions over the years. (Thanks Mac!)

    So, for those first posting their Fanfiction and writing on this site may found it useful to first get an idea of how the posting works, from a technical standpoint.

    First of all, let's start off with some basics.

    Quick Reply:

    When you click "Reply to thread" the board automatically redirects you to the "Quick Reply" function:



    This window only has limited functionality. While this serves general posting purposes well, it does not serve as an adequate way of making long-form posts. In order to do that we have to go into the actual editor, which can be accessed by clicking on "Go Advanced"

    The Editor and how to use BBCode:

    BBCode is simple scripting that imparts various properties to plain text on forums. All BBCode takes the form of brackets, like this:

    [BBCode=option]value[/BBCode]

    The 'value' part is where plain text goes. The option modifies the BBCode function. In general, you can put more BBCode around the value to create nested BBCode structures, like this:

    [BBCode=option][nest]value[/nest][/BBCode]

    It is however, not recommended to put more BBCode inside another BBCode functions option field. This can have unintended consequences, but generally does just not work.

    A general overview of the BBCode available on Beast's Lair can be found here.

    Let's go through the BBCode functions available in the editor:



    Now then, on this picture you can see 17 boxes marked out. These contain various BBCode functions.

    1. Formatting

    These two buttons regulate general BBCode formatting.

    The first button switches over to pure BBCode mode. With this on, you will see the BBCode directly, instead of having it previewed in the editor itself. For example, if you change some text to Bold, in this mode it will simply wrap BBCode tags around the text. Naturally, this is functionally the same, simply a difference in how you view it. Click on the button again to turn back to normal.

    The second button removes all BBCode formatting from the highlighted text. This can be useful when you have pasted something from another site, as it will then destroy the copied text's formatting, reverting it to the default text on Beast's Lair.

    It should be noted that default text on Beast's Lair is size 2, Verdana font and "automatic" color (switches depending on the user's background)

    2. Copy/Pasting

    These two buttons allow you to paste text into the post.

    Naturally, this can be done manually, by simply using CTRL-C + CTRL-V as with anywhere else. But the benefit of doing it this was is that it automatically breaks any formatting and turns your paste into plain text directly. In this way you can skip a step in destroying the formatting with the button from 1.

    3. Font

    This button allows you to select a font different from the Beast's Lair default (Verdana).

    When you click the button, it will apply the selected font to the currently highlighted text. The selections of fonts available are currently all that are installed on Beast's Lair.

    The font BBCode takes the font name as its option, and any text input as its value will then be rendered in that specific font.

    The font BBCode looks like this when unparsed:
    [FONT=Comic Sans MS]comic sans[/FONT]
    And it looks like this when parsed:
    comic sans

    4. Size

    This button allows you to change the size of your text to be different from Beast's Lair default (size 2).

    When you click the button, it will apply the selected size to the currently highlighted text.

    The size BBCode takes the size value as its option (from 1 to 7) and any text input as its value will then be rendered in that size.

    The size BBCode looks like this when unparsed:
    [SIZE=3]size 3[/SIZE]
    And it looks like this when parsed:
    size 3

    5. Color

    This button allows you to change the color of your text to be different from Beast's Lair default (automatic).

    When you click the button, it will apply the selected color to your text. This can even change the color of URL text, which is blue by default.

    The color BBCode takes six-digit hexadecimal color code as its option and any text input as its value will then be rendered in the corresponding color.

    The color BBCode looks like this when unparsed:
    [color="#FF0000"]red[/COLOR]
    And it looks like this when parsed:
    red

    6. Smiley

    This button allows you to insert a smiley of your choice into the text.

    When you click the button, it will insert the selected smiley onto where you have your text cursor.

    Smileys do not use brackets like other BBCode. They are a single name encased by two : signs.

    Smileys look like this when unparsed:
    :sumanai:
    And they look like this when parsed:

    7. Undo/Redo (also attachments)

    These buttons allow you to undo your latest cached change to the text, or redo that same change.

    These have the same function as CTRL-Z and CTRL-Y on the keyboard.

    They have no BBCode, as they are not BBCode functions.

    In addition, this field sometimes contains the Attachment function, which I will not go into. It was originally used to post images on the forum, but has been supplanted by another function, more on that later

    8. Bold/Italic/Underline

    These buttons allow you to change the styling of your text.

    When you click them, they will apply the selected styling onto your currently highlighted text.

    The styling BBcodes have no option. They will apply to the value input into them.

    The styling BBCode looks like this when unparsed:
    [B][I][U]styling[/U][/I][/B]
    And it will look like this when parsed:
    styling

    9. Alignment

    These buttons allow you to change the alignment of your text.

    When you click them, they will apply the selected alignment onto your currently highlighted text.

    The alignment BBCodes have no option. They will apply to the value input into them.

    The alignment BBCode likes like this when unparsed:
    [center]center[/center]
    And it looks like this when parsed:
    center

    10. Lists and Indentation

    These buttons allow you to create lists and indent text.

    The first two buttons will create a list when pushed. A popup will occur, asking you to insert various items into the list, continuing until you click cancel. This function does not allow work (might be browser dependent?) when in normal editing mode. Switching over to direct BBCode mode (from 1.) can fix it.

    The list BBCode can take 1 as its option, which will turn it into a numbered list. Without an option, this BBCode is instead a bulleted list. In its value you have to type[*] to indicate a new item in the list. Anything after this[*] tag will then be the items text. When you insert a new[*] it will go to the next item.

    The list BBCode looks like this when unparsed:

    [LIST=1][*]A[*]B[*]C[/LIST]

    And it looks like this when parsed:
    1. A
    2. B
    3. C

    The second two buttons can decrease and increase indentation respectively. Functionally speaking this just applies or removes the Indentation BBCode.

    The indentation BBCode looks like this when unparsed:
    [INDENT]indent[/INDENT]
    It looks like the current text you are reading when parsed.

    11. Embeds

    These buttons embed other media onto the forum.

    When you click these buttons, you will be prompted with a window that asks you to insert a URL. The inserted URL will then appear as an embedded item on the site.

    The URL BBCode takes a URL as its option, in "" marks and makes the text inside the value into a link that leads to that URL. The third buttons undos this process on your highlighted text.

    The URL BBCode looks like this when unparsed:
    [URL="https://forums.nrvnqsr.com/forum.php"]beast's lair[/URL]
    And it looks like this when parsed:
    beast's lair

    The Email BBCode takes an Email as its option and makes the text inside the value into a link that prompts you to e-mail that address. It can also be used without an option, with a value only, in which case the value has to be the e-mail address instead.

    The Email BBCode looks like this when unparsed:
    [[email protected]]email me[/EMAIL]
    And it looks like this when parsed:
    email me

    The Image BBCode take the URL to a picture as its value and embeds that picture onto the forum.

    The Image BBCode looks like this when unparsed:
    [IMG]https://i.imgur.com/BwLhGkB.jpg?1[/IMG]
    And it looks like this when parsed:


    The Video BBCode takes the URL to a youtube as its value and embeds that video onto the forum.

    The Video BBCode looks like this when unparsed:
    [VIDEO]https://www.youtube.com/watch?v=9B282GYZqCg[/VIDEO]
    And it looks like this when parsed:

    12. Quotes

    This button allows you to apply a quotation wrap to your text.

    When you click this button, it will apply the quotation wrap to your currently highlighted text.

    The Quote BBCode can take two items as its option, 1. text indicating the name of person being quoted, and 2. numbers indicating the post id being quoted. If these options are used at the same time, they need to be seperated by a ; mark. The value inserted into the Quote BBCode will be what is quoted inside the wrap.

    The Quote BBCode looks like this when unparsed:
    [QUOTE=Optimus;127]questions[/QUOTE]
    And it looks like this when parsed:
    Quote Originally Posted by Optimus View Post
    questions

    13. Code

    These two buttons allow you to change the spacing and look of text as to preserve code-like formatting. Specifically it makes characters monowidth (take up the same out of same) and preserves exact spacing. The PHP one also highlights syntax.

    Clicking these buttons will wrap your currently highlighted text in the Code or PHP BBCode. Note that these buttons do no actually run any code anywhere. They are just for displaying code.

    They have no options, and take any text as their value to be displayed inside the wrap.

    The Code BBCode looks like this when unparsed:
    [CODE]<script type="text/javascript">
    <!--
    alert("Hello world!");
    //-->
    </script>[/CODE]
    And it looks like this when parsed:
    Code:
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>

    14. Tables

    These buttons let you create and manipulate a table, which you can then insert text into.

    The first button lets you create the table itself. This prompts a window in which you can insert the desired properties of your table. Once you have your properties selected, click "OK" to create the table.
    The second button brings up the table's properties again, if you would want to change them.
    The third button deletes the table that you currently have selected with your cursor.
    The fourth to sixth buttons create and delete rows in the currently selected table.
    The seventh to ninth buttons create and delete columns in the currently selected table.

    The BBCode for tables is a bit complicated, and it is thus recommended you use the editor's buttons to manipulate them.

    First of all, the table BBCode takes several items as its options, all of these are encased in "" marks, and each option is sequenced into the other with a , mark.
    The first option is width, written like "width: value" where value is a number corresponding to the number of pixels you want the table's width to be.
    The second option is the border-type, written like "class: type" where type is either 'outer_border' or 'full', depending on the type of border you want.
    The third option is the alignment of the table, written like "align: position" where position is either 'left', 'center' or 'right', if left empty it will use Beast's Lair default (left).

    To add rows and columns, you write within the value of the table BBCode. To start a row you write [tr][/tr]. Within these tags you can then add columns by writing [td][/td]. To write inside the table, you then write inside of value of the column tag. The thing this can allow you to do is to make uneven tables, which you cannot do by just using the table editor.

    The Table BBCode looks like this when unparsed:
    [table="width: 500, class: grid, align: left"][tr][td]1[/td][td]2[/td][/tr][tr][td]3[/td][/tr][/table]
    And it looks like this when parsed:
    1 2
    3

    15. Subscript and Superscript (and Horizontal rule)

    These buttons allow you to create subscripts and superscripts. Their intended use is for mathematical equations, for showing the power of something.

    These buttons makes your currently highlighted text smaller and then either pushing it downwards into the row (Subscript), or upwards into the row (Superscript).

    These BBCodes have no options. They apply to the value inserted into it.

    They look like this when unparsed:
    [SUB]subscript[/SUB]comparison text[SUP]superscript[/SUP]
    And they looks like this when parsed:
    subscriptcomparison textsuperscript

    The third button is the Horizontal rule BBCode. It appears again later, so see below (at 16.) for more information.

    16. Extra functions

    These buttons contain a variety of extra BBCode functions.

    The first button is the Spoiler BBCode. This lets you hide text in an expandable box. Its intended function is to hide spoilers.
    When you click it, it prompts you to insert some text. This is the option for the spoiler BBCode, which shows up as the title of the expandable box. When you click OK, it applies this to your currently highlighted text.

    The Spoiler BBCode looks like this when unparsed:
    [SPOILER=spoilers]it was his sled[/SPOILER]
    And it looks like this when parsed:
    spoilers
    it was his sled

    The second button is the Strikethrough BBCode. This lets you make a strikethrough on some text.
    When you click it, it wraps Strikethrough BBCode around your currently highlighted text.
    It has no option. It applies Strikethrough to the value inserted into it.

    The Strikethrough BBCode looks like this when unparsed:
    [S]strikethrough[/S]
    And it looks like this when parsed:
    strikethrough

    The third button is the Horizontal rule BBCode. This lets you create a horizontal bar through your post.
    When you click it, it creates a horizontal rule.
    The horizontal rule has no option. It takes percentages from 1% to 100% as its value, which changes its horizontal width.

    The Horizontal rule BBCode looks like this when unparsed:
    [HR]50%[/HR]
    And it looks like this when parsed:



    The fourth button is the Ruby BBCode. This lets you create Ruby, or Furigana, text. That is to say, text which is displayed in one row, but has an overline of extra text.
    Clicking it prompts you to enter some text. This is the option for Ruby, which corresponds to the text put above the normal text. The value is the normal text.

    The Ruby BBCode looks like this when unparsed:
    [RUBY=Ruby]紅玉[/RUBY]text for comparison
    And it looks like this when parsed:
    Ruby
    紅玉
    text for comparison

    17. Collapsibles and Tweet/Pixiv

    First of all, let me divide this into two sections. The second and third button are for embedding tweets and pixiv posts respectively. The first, and then fourth to sixth buttons are for collapsible text.

    When you click the Pixiv and Tweet buttons it simply inserts the BBCode to where you keyboard cursor is currently located.
    The value for both of these are the post IDs from these sites, not the whole url. They have no options.

    The Twitter BBCode looks like this when unparsed:
    [TWEET]1455613927929245701[/TWEET]
    And it looks like this when parsed:


    The Pixiv BBCode looks like this when unparsed:
    [PIXIV]27670305[/PIXIV]
    And it looks like this when parsed:
    Click here to toggle visibility of Pixiv image

    The Collapse BBCodes allow you to create a collapsible piece of text. When you click it, it will turn into another, specified text. This can be reversed with another click.
    When you click any of the collapse buttons, it will prompt you to insert its option. Depending on the specific collapse tag, this option can have a different effect.

    Collapse 1 is the most basic. The option indicates the text it is before being clicked, and the value indicates the text it is after being clicked. This is an important distinction, because as stated before, text in the option field cannot be nested with further BBCode. This means you can only further modify the text which the collapsible turns into when clicked.

    Collapse 1 BBCode looks like this when unparsed:
    [COLLAPSE=heads][COLOR="#FF0000"]tails[/COLOR][/COLLAPSE]
    And it looks like this when parsed:
    headstails

    Collapse 2 does what Collapse 1 does, but in reverse. The option indicates the text it is after being clicked, and the value indicates the text it is before being clicked. This means that Collapse 2 allows you to nest BBCode into how the collapse should look before being clicked.

    Collapse 2 BBCode looks like this when unparsed:
    [COLLAPSE2=tails][COLOR="#FF0000"]heads[/COLOR][/COLLAPSE2]
    And it looks like this when parsed:
    headstails

    Collapse 3 does what Collapse 1 does, but does not allow you to reverse the collapse. Otherwise, it is the same.

    Collapse 3 BBCode looks like this when unparsed:
    [COLLAPSE3=heads]tails[/COLLAPSE3]
    And it looks like this when parsed:
    headstails

    Collapse 4 is does what Collapse 1 does, but does not show display the resulting collapsible as a "clickable" object (though it is). This makes it less obvious that your collapsible is clickable. (Why did you add this Mac?)

    Collapse 4 BBCode looks like this when unparsed:
    [COLLAPSE4=heads]tails[/COLLAPSE4]
    And it looks like this when parsed:
    headstails

    Check out DelRay's guide to the collapse tags for a more detailed usage guide of the collapse tags.

    Additional BBCode:

    A. Noparse

    This BBCode stops other BBCode that it is wrapped around from being executed. This allows you to do demonstrations of how the BBCode looks like in your posts. For example, like I have been doing in this post.

    Noparse BBCode has no option. It applies to the value input into it.

    Noparse BBCode looks like this when unparsed:
    [NOPARSE][B]noparse[/B][/noparse]
    And it looks like this when parsed:
    [B]noparse[/B]

    B. mp4

    The mp4 BBCode allows you to embed an mp4 file into your post. It can have sound, but has to be interacted with in order to play.

    Something to keep in mind is this tag can clip outside of the frame of the forum if the embedded video is too big.

    mp4 BBCode has no option. It takes the URL to an .mp4 file as its value, and embeds that into your post.

    mp4 BBCode looks like this when unparsed:
    [MP4]https://files.catbox.moe/p9f8pr.mp4[/MP4]
    And it looks like this when parsed:

    C. mp4auto

    The mp4 BBCode allows you to embed an mp4 file into your post. Unlike the other mp4 BBCode, this will auto-play upon opening the thread. It does however, not allow any sound.

    Something to keep in mind is this tag can clip outside of the frame of the forum if the embedded video is too big.

    mp4 BBCode has no option. It takes the URL to an .mp4 file as its value, and embeds that into your post.

    mp4 BBCode looks like this when unparsed:
    [MP4auto]https://i.imgur.com/qbRykKP.mp4[/MP4auto]
    And it looks like this when parsed:

    D. Post

    The Post BBCode allows you to link to another post on the forum by just writing its ID. This can be useful as it limits the amount of text needed to link to other posts, in case you'd hit the character limit for a post, for example.

    To find the ID of a post, click a post's number in a thread (in the upper right). This will generate a link for that specific post. At the final part of this link, you'll see a bunch of numbers and the name of thread, kind of like this: "101-thread-name?p=202&viewfull=1#post202" (numbers here are placeholders). The very last of these (in the case of this example; 202) numbers is the ID of the thread.

    The Post BBCode takes a post ID as its option, which is where it will link. It takes plain text as its value, which is what the link will read as.

    Post BBCode looks like this when unparsed:
    [post=3148828]Text Formatting on Beast's Lair[/post]
    And it looks like this when parsed:
    Text Formatting on Beast's Lair

    E. Thread

    The Thread BBCode allows you to link to another thread on the forum by just writing its ID. This can be useful as it limits the amount of text needed to link to other threads, in case you'd hit the character limit for a post, for example.

    To find the ID of a thread, click a post's number in a thread (in the upper right). This will generate a link for that specific post. At the final part of this link, you'll see a bunch of numbers and the name of thread, kind of like this: "101-thread-name?p=202&viewfull=1#post202" (numbers here are placeholders). The very first of these (in the case of this example; 101) numbers is the ID of the thread.

    The Thread BBCode takes a thread ID as its option, which is where it will link. It takes plain text as its value, which is what the link will read as.

    Thread BBCode looks like this when unparsed:
    [thread=9067]Text Formatting on Beast's Lair[/thread]
    And it looks like this when parsed:
    Text Formatting on Beast's Lair

    I still have more to go in the Additional BBCode section, but I'll stop here for now.

    As there are many advanced and interesting ways to use the various BBCode fuctions on Beast's Lair, if there are users who, similarly to DelRay, have something to share regarding their usage, feel free to contribute to the thread. I'll make sure to put it up in the opening post.
    Last edited by Petrikow; January 2nd, 2022 at 12:07 AM.

  2. #2
    I'm a peaceful woman with bad intentions. Lady Vanatos's Avatar
    Join Date
    Jan 2019
    Location
    Your Favorite Porn Site
    Age
    25
    Gender
    Female
    Posts
    158
    US Friend Code
    288,464,176
    Thanks for the tips, Daddy Petri. With this, I can finally remove my limiters
    Current FGO setup

  3. #3
    No glasses, huh? Mooncake's Avatar
    Join Date
    May 2013
    Age
    25
    Posts
    2,189
    Blog Entries
    8
    This owns, wish this was here when I joined RP

    Thanks Petri!
    [12:37] <I3uster> if playing overwatch would save my mother from the deathbed
    [12:37] <I3uster> id probably flip a coin
    [12:38] <I3uster> to see if i play or not

    [18:23] <frantic> spinach is like a caffeine zombie

    [18:23] <frantic> in AX he would like
    [18:23] <frantic> drink 8 shots of espresso
    [18:23] <frantic> then he'd turn to me an hour later
    [18:23] <frantic> 'frantic', he'd say, his eyes wild and his lips smug
    [18:23] <frantic> 'i need coffee'

  4. #4
    Local Extra Class Aficionado DelRey's Avatar
    Join Date
    Aug 2020
    Location
    Lost in Ambition
    Gender
    Male
    Posts
    2,393
    Blog Entries
    6
    *cracks knuckles*
    okay, this thread will be mine soon

    Oh i was referenced, neat
    I can contribute more information regarding colors, fonts, the use of the ruby, the collapse functions and technically table, but I am not as good in this as Wyvern.

    But i am looking forward to see wtf collapse4 is supposed to do

    You can nest several function within each other and can create really cool things, but you have to be careful and understand how they interact with each other.
    I will explain stuff soon.
    I am also always open to help in formatting stuff.
    Time to show you all what BBcode can do
    Last edited by DelRey; November 3rd, 2021 at 02:03 PM.
    Behold! The works of a maniac!
    Servants!

    And my other contribution to this community!
    Advanced Formatting Guide
    Free FC Gallery
    Extra Class Comp

    Call me Formatting-sensei.

  5. #5
    Greatness, at any cost mAc Chaos's Avatar
    Join Date
    Apr 2012
    Location
    Phyrexylvania
    Gender
    Male
    Posts
    19,078
    JP Friend Code
    Throw xN
    Blog Entries
    5
    I feel like a game designer that adds a simple feature to a game and then turns around to see people have made an entire mini-game out of it.

    Useful guide, Petri. And I took a look at Del Rey's stuff and that was pretty good too.
    He never sleeps. He never dies.

    Battle doesn't need a purpose; the battle is its own purpose. You don't ask why a plague spreads or a field burns. Don't ask why I fight.

  6. #6
    アルテミット・ソット Ultimate Thot Five_X's Avatar
    Join Date
    Mar 2011
    Location
    Ontariariario
    Age
    28
    Posts
    25,181
    Blog Entries
    36
    S-tier guide thread, something like this should've existed years ago (minus half the functions listed considering how barebones the site used to be)
    <NEW FIC!> Revolution #9: Somewhere out there, there's a universe in which your mistakes and failures never happened, and all you wished for is true. How hard would you fight to make that real?

    [11:20:46 AM] GlowStiks: lucina is supes attractive
    [12:40] Lace: lucina is amazing
    [12:40] Neir: lucina is pretty much flawless

  7. #7
    Local Extra Class Aficionado DelRey's Avatar
    Join Date
    Aug 2020
    Location
    Lost in Ambition
    Gender
    Male
    Posts
    2,393
    Blog Entries
    6
    This will be a work in progress post to compile additional information to Petri's Guide

    3. Fonts

    There is more stuff to talk about here.
    First, here are the fonts listed in the options so have an idea how they look like

    Standard Fonts

    Arial - Arial - Arial - ARIAL - ARIAL - ARIAL
    Arial Black - Arial Black - Arial Black - ARIAL BLACK - ARIAL BLACK - ARIAL BLACK
    Arial Narrow - Arial Narrow - Arial Narrow - ARIAL NARROW - ARIAL NARROW - ARIAL NARROW
    Book Antiqua - Book Antiqua - Book Antiqua - BOOK ANTIQUA - BOOK ANTIQUA - BOOK ANTIQUA
    Century Gothic - Century Gothic - Century Gothic - CENTURY GOTHIC - CENTURY GOTHIC - CENTURY GOTHIC
    Comic Sans MS - Comic Sans MS - Comic Sans MS - COMIC SANS MS - COMIC SANS MS - COMIC SANS MS
    Courier New - Courier New - Courier New - COURIER NEW - COURIER NEW - COURIER NEW
    Fixedsys - Fixedsys - Fixedsys - FIXEDSYS - FIXEDSYS - FIXEDSYS
    Franklin Gothic Medium - Franklin Gothic Medium - Franklin Gothic Medium - FRANKLIN GOTHIC MEDIUM - FRANKLIN GOTHIC MEDIUM - FRANKLIN GOTHIC MEDIUM
    Garamond - Garamond - Garamond - GARAMOND - GARAMOND - GARAMOND
    Georgia - Georgia - Georgia - GEORGIA - GEORGIA - GEORGIA
    Impact - Impact - Impact - IMPACT - IMPACT - IMPACT
    Lucida Console - Lucida Console - Lucida Console - LUCIDA CONSOLE - LUCIDA CONSOLE - LUCIDA CONSOLE
    Lucida Sans Unicode - Lucida Sans Unicode - Lucida Sans Unicode - LUCIDA SANS UNICODE - LUCIDA SANS UNICODE - LUCIDA SANS UNICODE
    Microsoft Sans Serif - Microsoft Sans Serif - Microsoft Sans Serif - MICROSOFT SANS SERIF - MICROSOFT SANS SERIF - MICROSOFT SANS SERIF
    Palatino Linotype - Palatino Linotype - Palatino Linotype - PALATINO LINOTYPE[ - PALATINO LINOTYPE[ - PALATINO LINOTYPE
    System - System - System - SYSTEM - SYSTEM - SYSTEM
    Tahoma - Tahoma - Tahoma - TAHOMA - TAHOMA - TAHOMA
    Times New Roman - Times New Roman - Times New Roman - TIMES NEW ROMAN - TIMES NEW ROMAN - TIMES NEW ROMAN
    Trebuchet MS - Trebuchet MS - Trebuchet MS - TREBUCHET MS - TREBUCHET MS - TREBUCHET MS
    Verdana - Verdana - Verdana - VERDANA - VERDANA - VERDANA



    as a sidenote: could it be that Fixedsys and System are the same font or is it just to me?
    Because, here is the "problem": it appears to me that BL does recognize many different fonts, but if you device does not recognize them, they take a different font instead. That is why something that does look really pretty on desktop, looks pretty meh on mobile, due to the lower count of fonts installed.
    My guess is this is the region why there are actually many more fonts we can actually use here.

    Here are the examples I have found just recently. (yes it is a pic so the mobile users can see them)
    Extra Fonts


    I just found them recently so "further studies" are needed to see which fonts arent replaced by others and function the same as the standard fonts. For example, not in this pic anymore, but I liked the Optima Font, until i noticed it is actually System... and Fixedsys. I have a normal Windows 10 Laptop, nothing fancy, no extra fonts downloaded. The chance should be high that most of them function for you too.
    There are other fonts too, here is a site that lists many fonts, but most dont function for me. But some do and they stick out. If they do look like a new font to you, you should be able to use them here. At least thats my theory, perhaps mAc can correct me.




    5. Colors

    Yes, the COLOR tag does take the Hex Code of a color, but it can also take certain names as well.

    This is Violet,
    but this is also Violet
    in the first line i used [COLOR="#EE82EE"], in the second [COLOR="violet"]

    If you click on color button and then on More Colors, you get this window


    Those are like 200 colors? I personally think the window is a bit too difficult to use, but each their own.
    But, you can use many more colors. You can use all of them. Each Hexcode works here.

    To use the colors in the drop down menu is usually enough for most stuff you want to do here.
    If you want to level up your "Color Game" to "Advanced" I recommend this site here.
    It shows a nice amount of different colors including the name you can use for your sheets. These are more than enough to make pretty sheets or a colorful presentation of anything. If you prefer using the names it is extra handy without copy pasting here and there. Just mark the text you want to color, click any color in the drop-down and replace the hexcode (including the #!) and type in the name to get it.

    If you are a freak like me or a genius like WhiteFrenzy you can use tools that extract the colors of pictures, color palette tools and most recently me, who actually uses color gradients in his sheets. That's an Expert Level of color use.

    example

    C A S T E R
    of the Underworld Pastures
    = Veles =
    __________________________________________________

    Behold! The works of a maniac!
    Servants!

    And my other contribution to this community!
    Advanced Formatting Guide
    Free FC Gallery
    Extra Class Comp

    Call me Formatting-sensei.

  8. #8
    The Long-Forgotten Sight Rafflesiac's Avatar
    Join Date
    Dec 2013
    Gender
    Male
    Posts
    37,864
    JP Friend Code
    Shoot me a PM
    Blog Entries
    16
    Colored underscores, that's a neat trick.
    Quote Originally Posted by Arashi_Leonhart View Post
    canon finish apo vol 3

  9. #9
    Local Extra Class Aficionado DelRey's Avatar
    Join Date
    Aug 2020
    Location
    Lost in Ambition
    Gender
    Male
    Posts
    2,393
    Blog Entries
    6
    i looked a bit around, tried to find ideas what kind of codes could be added as Tags here and so far only found three that could be neat for some

    the anchor
    and the shadow
    the fade-in/fadeout

    the anchor is basically the in-post link, useful for long posts. If you explained something at the start of the post and it comes up later again, one can use the anchor tag and the reader can jump to the point to read it again.

    the shadow tag is just pretty formatting to give words a certain glow effect around them.

    both are described in here

    the fade is shown here
    it is just an alarm-like effect
    good for WARNING! WARNING! situations in Chaldea and stuff

    these are just my suggestions. i can live without them, but here is a good place to show what may be able.

    oh, a Quality of Life update for me would be to make Font and Size act like Color, in that way that you choose the value and when you click Font/Size again (but not on the arrow) it applies the previously used value, instead of choosing it over and over again.
    Behold! The works of a maniac!
    Servants!

    And my other contribution to this community!
    Advanced Formatting Guide
    Free FC Gallery
    Extra Class Comp

    Call me Formatting-sensei.

  10. #10
    アルテミット・ソット Ultimate Thot Five_X's Avatar
    Join Date
    Mar 2011
    Location
    Ontariariario
    Age
    28
    Posts
    25,181
    Blog Entries
    36
    That coloured underscore is incredible.
    <NEW FIC!> Revolution #9: Somewhere out there, there's a universe in which your mistakes and failures never happened, and all you wished for is true. How hard would you fight to make that real?

    [11:20:46 AM] GlowStiks: lucina is supes attractive
    [12:40] Lace: lucina is amazing
    [12:40] Neir: lucina is pretty much flawless

  11. #11
    祖 Ancestor Temflakes403's Avatar
    Join Date
    Mar 2021
    Location
    RS, Brasil
    Gender
    Male
    Posts
    1,445
    Blog Entries
    6
    No Helvetica? Preposterous!
    Spoiler:
    Quote Originally Posted by Mooncake View Post
    I get this vague feeling from your posts that you're looking down on people who don't share your view, which is what it is, but at least take a moment to snort some common sense between those hits of pretension.
    Quote Originally Posted by Spinach View Post
    My opinion is better than your opinion, so it isn't up for debate.
    Quote Originally Posted by Comun
    Telling us that you're rich is not going to make anyone stop laughing at you for believing in self-insert NTR.
    Quote Originally Posted by ResidentSeagull View Post
    You seriously underestimate the human potential for wanting to fuck stuff, my dude.
    Quote Originally Posted by Dullahan
    Welcome to BL, new user. Don't forget to fate/stay mad
    Quote Originally Posted by Sione
    Prententious killjoys with comically academic "critiques" are just as annoying as braindead gachoomers. This is the only valid horseshoe.
    A Fond Farewell to Type-Moon is a fucking gold mine.


  12. #12
    Drunk Anime Is The True Path. Mattias's Avatar
    Join Date
    Nov 2011
    Location
    Where AM I?
    Posts
    12,045
    US Friend Code
    156,137,657
    Blog Entries
    1
    Holy crap, I never saw that DelRay tutorial on Collapse tags. I've been trying to figure out how to do coloured collapse tags for a while, but it never worked.
    Binged All Of Gundam In 4 Years, 1 Week and All I Got Was This Stupid Mask

    Current FF XIV Progress


    At Current Cap:


    At A Previous Cap:


    Leveling From Scratch:

  13. #13
    改竄者 Falsifier Petrikow's Avatar
    Join Date
    Nov 2011
    Posts
    6,998
    JP Friend Code
    588,925,100
    Blog Entries
    8
    There we go, I've updated the guide up to all the basic functions. I'll work a bit more on the BBCode functions not shown in the editor later.

  14. #14
    Local Extra Class Aficionado DelRey's Avatar
    Join Date
    Aug 2020
    Location
    Lost in Ambition
    Gender
    Male
    Posts
    2,393
    Blog Entries
    6
    oooh so thats what Collapse4 is...it is not really useful except for insidious teases
    at this point i would suggest to make coll4 the coll2 of coll3. Like...the reverse of coll3, mAc should get what i mean

    btw, i am just a user of bbcode, not a coder or anything related to it. But do you think it is now possible to allow minor formatting inside the Collapse tags? Even if it is just Bold and Italics, it would make a difference in the Servant creation corner when making Fakers and the like. We use coll1 and coll2 for switch the descriptions of skills
    Behold! The works of a maniac!
    Servants!

    And my other contribution to this community!
    Advanced Formatting Guide
    Free FC Gallery
    Extra Class Comp

    Call me Formatting-sensei.

  15. #15
    HSTP 500 Internal S ervant  Error aldeayeah's Avatar
    Join Date
    Mar 2011
    Posts
    8,061
    Blog Entries
    6
    Quote Originally Posted by DelRey View Post
    as a sidenote: could it be that Fixedsys and System are the same font or is it just to me?
    in ye ancient windows versions, fixedsys and system were raster/bitmap fonts, and they were different from each other

    however, i think the font that shows up in most browsers when you try to use them, is actually Times New Roman (at least for me)
    don't quote me on this

  16. #16
    改竄者 Falsifier Petrikow's Avatar
    Join Date
    Nov 2011
    Posts
    6,998
    JP Friend Code
    588,925,100
    Blog Entries
    8
    Quote Originally Posted by DelRey View Post
    oooh so thats what Collapse4 is...it is not really useful except for insidious teases
    at this point i would suggest to make coll4 the coll2 of coll3. Like...the reverse of coll3, mAc should get what i mean

    btw, i am just a user of bbcode, not a coder or anything related to it. But do you think it is now possible to allow minor formatting inside the Collapse tags? Even if it is just Bold and Italics, it would make a difference in the Servant creation corner when making Fakers and the like. We use coll1 and coll2 for switch the descriptions of skills
    I talked a bit with Mac about it. Maybe we'll see a change to Col4 soon.

  17. #17
    Local Extra Class Aficionado DelRey's Avatar
    Join Date
    Aug 2020
    Location
    Lost in Ambition
    Gender
    Male
    Posts
    2,393
    Blog Entries
    6
    Quote Originally Posted by aldeayeah View Post
    in ye ancient windows versions, fixedsys and system were raster/bitmap fonts, and they were different from each other

    however, i think the font that shows up in most browsers when you try to use them, is actually Times New Roman (at least for me)
    Lorem Ipsum times new
    Lorem Ipsum system
    Lorem Ipsum fixedsys

    Lorem Ipsum tahoma
    Lorem Ipsum verdana

    WOW
    I just noticed, you are right! System=Fixedsys=TNR
    and it appears to me tahoma is just slightly smaller verdana

    Edit:
    who made the emotes? perhaps some new ones would be fun, but i have no skills to make new ones
    Last edited by DelRey; November 4th, 2021 at 02:37 PM.
    Behold! The works of a maniac!
    Servants!

    And my other contribution to this community!
    Advanced Formatting Guide
    Free FC Gallery
    Extra Class Comp

    Call me Formatting-sensei.

  18. #18
    The only reason collapse4 exists is because collapse tags used to have the same blue colour as links unless specifically made not to, but a later update to something or other got rid of that peculiarity so it became more or less useless.

  19. #19
    Drunk Anime Is The True Path. Mattias's Avatar
    Join Date
    Nov 2011
    Location
    Where AM I?
    Posts
    12,045
    US Friend Code
    156,137,657
    Blog Entries
    1
    Random thought: How deep can you go with collapse tags? I know you can put two seperate collapses inside one, but can you put two more inside those? Branch it out like a CYOA?
    Binged All Of Gundam In 4 Years, 1 Week and All I Got Was This Stupid Mask

    Current FF XIV Progress


    At Current Cap:


    At A Previous Cap:


    Leveling From Scratch:

  20. #20

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •