Basic BB Code Usage

Discussion in 'Basic Tutorials' started by yokeby52, Aug 7, 2014.

  1. yokeby52

    yokeby52 Penguin?
    Builder ⛰️ Ex-EcoLeader ⚜️⚜️⚜️ Ex-President ⚒️⚒️ Premium Upgrade

    Joined:
    Feb 18, 2013
    Messages:
    1,121
    Trophy Points:
    47,410
    Gender:
    Male
    Ratings:
    +538
    Hello everyone, its your friendly neighborhood Super-penguin Yoke with some basic tutorials on BB Codes :3

    NOTE:
    Any periods inside the brackets are there to stop the BB Code from working!!!


    Alright so up first we have spoilers, mainly because the rest of this thread will be using them :p
    Ok, so the spoiler without the title is written like this
    [.SPOILER] and after you finish typing what you wish to be in the spoiler, you put in: [./SPOILER]

    For spoilers WITH the title, you do this:
    [.SPOILER=(name)] and you finish it with [./SPOILER]
    That's it for the spoilers, now time for the next one!

    Ok, so these ones are fairly simple.
    For bold, it is [.B] and then its [/B]
    For italics, it is [.I] and then its [/I]
    For underline it is, [.U] and then its [./U]
    And for strikethrough it is, [.S] and then its [./S]
    There you have at section!

    Ok, this one is /I guess/ a little more difficult than the previous one.
    For the color it is: [.color=(generic color)] text here [/color]
    For the size it is: [.size=(#1-7)] text [./size]
    For the font it is: [FONT=(name of font)] text [/font]
    That is the basics for this section! Next!

    So there are two parts, regular and advanced. I will cover regular here.
    For URL's and E-Mails you would use the following:
    [.URL]www.ecocitycraft.com[./URL]
    Which would appear as: www.ecocitycraft.com
    And for e-mails:
    [.EMAIL][email protected][./EMAIL]
    Which would appear as: [email protected]
    That's basically it for this area! Time for the next one!

    Alright so this is pretty much a bonus thing if you want to do something a little more unique :3
    This will basically allow you to have words, 1 or more, be able to be clicked and take you to the same place, Like So :3
    So instead of putting the link/email address outside the text, you put it inside. Kinda like a spoiler but with a link innstead of hiding something.
    Here's how:
    URL's:
    [.URL=www.ecocitycraft.com]Text here [./URL]
    E-Mail's:
    [.EMAIL=[email protected]]Text here [./EMAIL]
    And that's it!

    Alright, so this BB Code mainly deals with linking users to posts.
    Here's the example using my name,
    [.USER=13794]Yokeby52[./USER]
    That's it... small area...
    Only issue is finding out there User ID, but normally if you quote someone else tagging them it will show it.

    Alright images you can very easily do with the picture thing on the toolbar, but if you like the old way like m, you do it like this:
    [.IMG]http://ecocitycraft.com/forum/styles/flexile-dark/xenforo/avatars/avatar_s.png[./IMG]
    Which would appear as this well known picture:
    [​IMG]

    Alright so this is the spot where you get to put in videos. Lets take a generic video site, youtube, and make an example.
    [.MEDIA=youtube](the end of the link, usually a strain of letters and numbers) [/MEDIA]
    Which would appear as:

    So that's video, have fun!

    So here's where we learn how to make lists. I'm going to list normal Grocery Store items you may buy.
    The code is:
    [.list]
    [*] Eggs
    [*] Milk
    [*] Bread
    [./list]

    Which would appear as:
    • Eggs
    • Milk
    • Bread
    You can also switch out the * in between the brackets for numbers!

    Alright this section will show you how to left, center, or right align text.
    Basically its like this:
    [.left] text [./left]
    [.Center] text [./center]
    [.right] text [./right]

    And that's it... are you bored yet? Because I am :p

    So quoting text... fun....

    Jk.

    Alright so if you want to quote something without having a specific person quoted, its like this:
    [.quote] something someone said [./quote]

    For quoting something someone said, its like this:
    [.quote=Someone] something they said [/quote]
    And that's quotes.

    So basically this spot will handle codes. They look like this:
    [.CODE]
    The code to the matrix
    [./code]
    And that's basically it. Not much else you can do.

    And that's basically all the codes you would need! Comment suggestions and/or corrections I can fix! I'm typing this on my tablet so there should be plenty of spelling errors ;)
     
    #1 yokeby52, Aug 7, 2014
    Last edited: Aug 7, 2014
  2. WhiteSoxFan123

    WhiteSoxFan123 Builder
    Builder ⛰️ Ex-Mayor ⚒️⚒️

    Joined:
    Feb 13, 2012
    Messages:
    273
    Trophy Points:
    26,240
    Ratings:
    +81
    can i just clarify one thing though, i wouldn't use the dots in each code correct, you only have those to make sure the forum doesn't actually think you're trying to input the code
     
  3. generaljoecool

    generaljoecool Builder
    Builder ⛰️ Ex-EcoLeader ⚜️⚜️⚜️

    Joined:
    Feb 15, 2012
    Messages:
    3,207
    Trophy Points:
    37,940
    Gender:
    Male
    Ratings:
    +180
    Code:
    [I] If you type in a code tag, the BB Code isn't parsed[/I]
    [B] I would recommend that doing that for the examples instead of using periods.[/B]
    
    
    If you feel that is a bit obtrusive to your formatting, you can just tell it [I]not to[/I] parse the [B]tags[/B] by using the [Plain] [/Plain]tags

    In addition to the above tips, I would recommend showing examples of what each tag does in all examples, seeing as the person this guide is directed to most likely doesn't know. Hope these help ^_^

    Edit: Also, there is a guide on BB Codes found here, which is from the forum help section
     
    #3 generaljoecool, Aug 7, 2014
    Last edited: Aug 7, 2014
  4. yokeby52

    yokeby52 Penguin?
    Builder ⛰️ Ex-EcoLeader ⚜️⚜️⚜️ Ex-President ⚒️⚒️ Premium Upgrade

    Joined:
    Feb 18, 2013
    Messages:
    1,121
    Trophy Points:
    47,410
    Gender:
    Male
    Ratings:
    +538
    Yeah, i would have done it like that if i wasn't on my tablet when i was typing this up xD I will update it when i have the time, thanks general!
    Oh, and I didn't know there was a help section for the BB Codes until @Maco20047 showed me last night. I was going off the top of my head of what I knew about it from general coding that I've done before :D
     
  5. yokeby52

    yokeby52 Penguin?
    Builder ⛰️ Ex-EcoLeader ⚜️⚜️⚜️ Ex-President ⚒️⚒️ Premium Upgrade

    Joined:
    Feb 18, 2013
    Messages:
    1,121
    Trophy Points:
    47,410
    Gender:
    Male
    Ratings:
    +538
    Bump for visibility
     
  6. jassimq

    jassimq Builder
    Builder ⛰️ Ex-Mayor ⚒️⚒️

    Joined:
    Dec 24, 2012
    Messages:
    1,333
    Trophy Points:
    48,810
    Gender:
    Male
    Ratings:
    +307
    Nice work!
     
  7. steveshizzle

    steveshizzle Resident
    Resident ⛰️ Ex-Tycoon ⚜️⚜️⚜️

    Joined:
    Nov 18, 2012
    Messages:
    2,982
    Trophy Points:
    43,090
    Gender:
    Male
    EcoDollars:
    $0
    Ratings:
    +2,035
    Epic necro bump because this should always be on the first page.
     
  8. Natelev

    Natelev Skyblock Mod
    Builder ⛰️ Ex-EcoLeader ⚜️⚜️⚜️ Prestige ⭐ V ⭐ Premium Upgrade

    Joined:
    Dec 29, 2012
    Messages:
    431
    Trophy Points:
    58,260
    EcoDollars:
    $1,031,351
    Ratings:
    +290
    Necro bump because I spent ages looking around for how to create spoiler boxes with custom titles.

    Something like this should be stickied - basic forum formatting is really useful
     
    • Agree Agree x 2
    • Winner Winner x 1
    • List