Skip to content

Boards Usage: Part 1 - Formatting

Deep Terror Nami··37 votes·9,421 views

Hey guppies it's DTN here, and I'd like to introduce you to the first part in our series dedicated to improving your mastery of the Boards, starting with formatting;

We all know how to click those buttons on the bottom of your comment box and make paragraphs with proper punctuation to make a thread easier to read (ok, maybe not all of us), but there are some boards tips I'd like to show you so that the average Downvote Darius can be an Upvote Urgot!


Bold, Italics, and Strikethrough

    Use asterisks and tildes around characters to make them stand out!

    **Bold** or *Italic* or ~~Strikethrough~~

    Bold or Italic or Strikethrough

    ***~~Bold, Italic, and Strikethrough~~***

    Bold, Italic, and Strikethrough

Blockquotes

    Separating sections in a box really helps clean up a large post covering several topics.

    > Put a greater-than sign in front of the sentence like this for a blockquote.

    >

    > Add another sign on empty lines to continue the block.

    This is a blockquote.


    Having nothing between these will stop the block there though.

Lists

    Put an asterisk to make a list, or a number w/ period for a numbered list. Put 1-2 spaces before an asterisk to indent it.

    * Nami

     * Add a space in front to expand on how great the champion is

      * Add yet another because once isn't enough

    * Blitzcrank

  • Nami
    • Add a space in front to expand on how great the champion is
      • Add yet another because once isn't enough
  • Blitzcrank
    1. Ordered List
    2. Soraka
    1. Ordered List
    2. Soraka

Hyperlinks

    Hyperlinks are my favorite! Use them to turn segments of boring, tasteless text into a rich and vibrant link, such as when you are directing someone to another area of the boards, or don't want a video/image link to embed.

    [Clicking this will take you to the LoL homepage](http://na.leagueoflegends.com/en/)

    Clicking this will take you to the LoL homepage

Adding Images

    To embed an image, simply find your image online, right click and copy the Image Address/URL, and paste that into your post.

    If your image is from your computer, upload it somewhere online first, like imgur or gyazo.

    Imgur links may embed cropped. Affix [/img] to the URL and it should embed properly.

    https://i.gyazo.com/60dae3aaeeb6bf71919cf40fc9e2213e.gif[/img]

    DTN tag

    Additionally, if you place an image link in hyperlink parenthesis but don't enter any text in the brackets, the image won't be visible. How is this useful? The first image in your thread will be the preview, so you can use this to create the preview you want without having an unwanted image inside!

    [](hahayeah.com/namisplash.jpg)

    Read here for more information on embedding media!

Text size

    Change the size of the entire paragraph with #. You can't only change a segment or use different sizes in the same paragraph though. This is great for headers and footnotes.

    #Big header text!

    ##Not quite as big

    ######teeny tiny text

    Big header text!

    Not quite as big

    teeny tiny text

Horizontal divider

    Further separate different areas of your discussion by dropping a line between them.

    Place three hyphens, asterisks, or underscores by themselves on a line...

    ---

    ***

    ___

    ...and you'll get dividers like these.

    image of lines

Cancel formatting

    If you want to show items that will unintentionally format your text, use a \ backslash in front of it to cancel.

    \*\*not bold\*\* \*not italicized\*

    not bold not italicized

This concludes Part 1 of our Boards Usage series, Formatting. Now go forth, and may your words reach the very souls of your fellow Summoners!

  • Part 1 - Formatting
  • Part 2 - Reporting Boards Posts
  • Part 3 - Reporting In-game Offenses
  • Part 4 coming soon!
  • 45 Comments

    THE RlVER KlNG3 votes

    Can you please fix the edit box and the glitched > for blockquote windows because both make making stylized champ concepts a pain

    The edit box is so inefficient on both laptop and mobile

    Deep Terror Nami1 votes

    Sorry, that's an unfortunate boards bug we can't get at right now. I recommend copying your entire post before submitting it, then edit and paste back over it (the bug only happens with the initial thread post).

    THE RlVER KlNG1 votes

    Oh I've been manually going through and replacing them, silly me. Thanks for the tip?

    Deep Terror Nami1 votes

    What do you mean about the edit box, though? If you mean how small it is, you can grab and drag the bottom right corner to enlarge it.

    THE RlVER KlNG1 votes

    wut

    this changes everything

    Lord Desert2 votes

    If I have the small edit box, I click on "edit" again and it then swithces to the fullsize. (Needed to do a lot of edits for my LoL improvement idea series, all parts are massiv wall-of-texts, that was so annyoing until I figured this trick out xD)

    Myrmiron2 votes

    You didn't answer the MOST important question! How do I make dropdown-menue-like-text like you did?

    Deep Terror Nami11 votes

    Great question!

    You can't, sorry! This is done from the backend in HTML. While I'd love to see some personalization from the plebs community, it's not as simple as making a post here and when not done properly will result in a jumbled and impossible-to-navigate mess.

    Myrmiron7 votes

    [{quoted}](name=Deep Terror Nami,realm=NA,application-id=6heBIhQc,discussion-id=64ypaBVX,comment-id=00010000,timestamp=2017-06-02T19:35:55.077+0000) You can't, sorry! This is done from the backend in HTML. While I'd love to see some personalization from the plebs, it's not as simple as making a post here and when not done properly will result in a jumbled and impossible-to-navigate mess.

    ignored blocked and reported!!!!

    https://image.spreadshirtmedia.com/image-server/v1/compositions/1012780303/views/1,width=300,height=300,appearanceId=1,backgroundColor=E8E8E8,version=1478262588/delete-this-feel-women-s-t-shirt.jpg

    Lord Desert1 votes

    But it is possible that we plebs could potentionally use/make this? Or do we need mod rights to do this? Heck, if I need to learn HTML to finally be able to get this, I'll do it!

    Deep Terror Nami1 votes

    Sorry, only moderation privileges can give access to this (because it allows you to run scripts on the page, if for no other reason).

    Wuks is spearheading our use of it for official Volunteer Program related posts, so keep an eye out for these, and if you've got ideas and feedback hit us up on the Boards Community & Moderation sub-board!

    Lord Desert1 votes

    Damn it, I knew it :'c My dreams of readable wall of texts are shatterd into pieces ... [zombie-nunu-tears]

    If I could have 1 thing here on boards than it definitely would be this feature!

    How about a special deal: You grant me temporary mod rights, I edit all of my wall of text monsters, and you then kick me back out?

    Also I already wanted to ask you, as mods, what do you think if you guys make an "idea pool" for the new runes? I asked Riot and Meddler already but havnt gotten any feedback yet :/ I would do this myself 100% but you mods have far more range than me, and could sort things out better than the normal pleb me. The next best thing would be to hit up one of the "famous" guys here on boards like MM etc. So do you think it would be possible that you guys would do that? This is not a "yes we will do it" question, I'm only asking if you would do it! :D

    Anyway lets pray that some devs get some free time from the LC department so we could hit them up do implement this feature on boards :P

    EDIT: For real, just take a quick look at this: SummonersLab, Part 11. See? I'm not joking about really, really needing this feature! xD

    JavelinJoe1 votes

    HTML is not that hard to use. Actually it is one of the easiest "front-end" languages to learn since it is more or less entirely TAG based. Easiest way I would recommend doing would be to just set up a command in your server side code to look for a specific marker pair of character strings (maybe something like this: |>>| and |<<| ). Then just insert whatever is inside the markers in to the drop down menu. Lists could be bulleted with the current method too. Then just send the updated text back to the clients.

    Risk of Fate2 votes

    Off-topic question, when are we going to get this scheme across all the rest of the boards.

    On-topic THANK YOU I WANTED THIS SO BAD <3

    http://imgur.com/hgj4jit

    Deep Terror Nami1 votes

    Not in the foreseeable future, sorry.

    UnboundHades1 votes

    neat

    jaymc11301 votes

    {quoted}

    neat

    ^

    Dameshi3 votes

    Neato

    DarkRitual2 votes

    #neato

    ZeichiVos1 votes

    NeAtO

    Aeszarck1 votes

    Can you add instructions for centering things and creating tables? Those were two cool features I was unaware of until I read TheLUCKYFighter's thread on the EU Boards and I think it would benefit us if we knew about them too.

    Deep Terror Nami1 votes

    Tbh we left that out because it's garbage, but I'll provide the link to that right here; https://boards.eune.leagueoflegends.com/en/c/off-topic-en/rL385u11-how-to-boards-formatting

    ntbcool1 votes

    cool, really like the change in background

    AirKingNeo1 votes

    You didn't even show the basic list

    • aka this
    AirKingNeo1 votes

    That doesn't use a -, those use a *

    Deep Terror Nami1 votes

    There's no difference.

    • Asterisk
    • Hyphen
    IPromiseTomorrow1 votes

    Very useful for putting the idea fanfiction across with skill and mastery

    Chønklord1 votes

    omfg what are these drop down lists omfg where has this been for the last year of my life on the boards

    BoilTheOil1 votes

    why cant i have a dank background

    50000000000000001 votes

    Also, a tip about image hosting: If you have Discord, you can send the image as part of a message, and copy link from that. My personal favorite as I don't have to make an account for image hosting website, and it's not public.

    Nsane1 votes

    BBCode's still better.

    Embertine1 votes

    I remember when there was a help button you could click and it would show you a list of things you could do to format you post. I still have no idea why they got rid of it.

    Thank you DTN for posting this! Helps out a lot!

    Hyrum Graff1 votes

    Ooh, I didn't know we got h2 back. Nice :)

    Also, you missed tables!

    Deep Terror Nami1 votes

    ##I don't recall header 2 size ever being disabled (though I've almost never used it).

    Didn't miss tables, skipped that garbage. Here's an older guide with it if you need.

    Electro5222 votes

    We can center stuff on threads.........

    #DO YOU KNOW HOW MUCH i COULD HAVE USED THAT?!?!?

    Deep Terror Nami1 votes

    Almost none.

    Electro5221 votes

    Well......alot.

    I have SO many threads I've made where I wished and prayed that I could center my pictures and headers to make it cleaner, and make it all look so much better!

    Only to find out I could have all along! item 3070 item 3070 item 3070 item 3070 item 3070

    Monsieur Kast1 votes

    On the EU Boards there is an even more detailed guide to boards formatting! https://boards.euw.leagueoflegends.com/en/c/off-topic-en/rL385u11-how-to-boards-formatting

    yoshi27901 votes

    #OMG it works!


    I finally know how to do this, THANK YOU SO MUCH!

    Prime Beholder1 votes

    Arbiter, is it possible to centralize text? If so, how? Anyways, thanks!

    XVI Jake IVX1 votes

    #This is so cool

    More from Discuss the Boards

    More by Deep Terror Nami