How to write in color and codes in forums (tutorial)!

Discussion in 'Player Guides' started by Acidgamz, Sep 28, 2014.

?

Did you learn something from this?

  1. Yes, alot.

    66.7%
  2. Yes, I just needed to skim through it though.

    0 vote(s)
    0.0%
  3. Yes, It helped me polish up my skills.

    33.3%
  4. No, It was difficult to understand.

    0 vote(s)
    0.0%
  5. No, I am pressing this because i am a troll and love negativity!

    0 vote(s)
    0.0%
  6. No, I already know BB

    0 vote(s)
    0.0%
Thread Status:
Not open for further replies.
  1. Acidgamz
    Offline

    Acidgamz Member

    Joined:
    Apr 26, 2014
    Messages:
    50
    Hey there guys!
    My Name is Acid and I'm an experienced sky block player and novice coder!
    Today we will be discuss a few of the basic in the BB code editor (found in the top left corner when make a post in forums) that we are so lucky to have on the skyblock.net forums. Hopefully you can take something out of this and we can all start writing in COLOR and make our posts more beautiful than ever before!
    Okay, so this may be a little difficult or daunting for a first timer diving into the world and all the new language of code, however I can assure you that website coding and especially BB code is some of the easiest that you will ever come across!
    BB stands for Bulletin Board, pretty much meaning that it's soul purpose is to be used in bulletins and social media like these forums. It was developed as an add on for html ( basic website code ) and is read by most browsers today.
    Okay so lets get into it:
    To write in color we are going to need tags. In basic form, tags are key words that tell your computer/browser what you want it to do! a tag is detected by open and closed square brackets like this: [ ]. To close a tag and tell your computer/browser to stop the formatting we close it off by a simple backslash tag. This will become more clear in the examples below.

    The first 3 tags we will introduce are also on the top left of the forums editor when using the Rich Text Editor, they are Bold, Italics and Underline. We can also combine them all if we want!
    So how can we do this in the BB code editor?
    First we will go over these basic tags or "keywords" even though they are just letters for the moment!
    B = bold
    I = italics
    U = underline
    *Note: in the examples the code isn't being read as I have disabled the formatting. This won't happen when you code don't worry!
    So if I wanted to type in bold I would insert this into my code.
    [b ] What I wanted to write in bold goes here [/b ]
    and when we switch back to rich text editor the message should be bold. Lets go over this code!
    [b ] : Tells the computer/browser to start writing in bold.
    [/b ] : Tells the computer/browser to stop writing in bold.

    Once you understand tags and opening and closing them you are on your way to improving your post and coding knowledge!!!
    So the same rules apply when writing in Italics and Underline, you just use the different keywords.
    Moving forwards we are going to learn about what we all have been waiting for and that's color!!!
    now that simple tag [color ] is the tag that we used but this tag won't cut it, what color are we using???
    For this we need a variable, which, if you past year 8 science you should now that a variable is something that changes and can be altered. There for a color can be a variable as we have the power to change and choose between exactly 16,777,216 thanks to the 24 bit color system!!! There are at least 3 way that we can determine color using BB code but we will just focus on two of them. First off though we will discuss variables and how to incorporate them in the color tag.
    So we want to make the code red, we do this by making the keyword color, equal to a variable. This will look like this:
    This would normally be red
    Explanation to this code:
    The keyword color at the start of the tag tells the computer/browser to execute a color, the = sign shows that there is a variable going to be executed too. In this case we wanted just the color red so we inserted he value 'red' into the code. As the variable is practically a branch that determines a trait like an allele on a DNA strand ( for you biologists out there! ) is doesn't need to be included on the closing tag.
    The most simplest form of choosing color is to use the real words. eg red, green, lightgreen and limegreen.
    However there are way, way more colors out there than just these basic words! The next method of determining color we will learn about is personally my favourite and arguably the most used method among all coders and designers. It is called the Hex color scheme, and if you have ever played around on paint drawing sheep or scribbling you have all ready used it!
    Hex is short for hexadecimal and as we have already discussed is a unit of measuring color. Each Hex code consists of a hash ( # ) and 6 numbers. In my opinion the best and easiest sites that I use to choose my color are: ColorPicker.com - Quick Online Color Picker Tool and Color Hex Color Codes , but if you just type in hex color picker there are a gazillion sites that show up!
    To use a hex code as your variable it is really quite simple:
    [ color=#ff800] Using Hex is so fun [ /color]
    Explanation:
    I chose one of my favourite colors from a hex color chooser, copied the code and inserted it into the variable category of the tag!

    And there we have it... there are a few more methods for determining color like the RGB system however we won't go over these as they are quite complicated to explain and hex contains every color under the sun anyway.
    **another side note: when switching between rich text editor and BB code editor you will find that your hex numbers will be changed into RGB format, don't worry, they mean the exact same thing it is just written differently, you may also find that your code is changed by the editor and made 'neater' don't stress about this either as it is just the forums way of doing things!

    I would like to thank all of you who have gotten this far and I hope that you have learnt something worth while in this tutorial! If you have and Questions or Queries about writing in BB or anything else in general don't hesitate to ask by posting on this thread or inboxing me directly! I will get back to you as soon as I can!
    Please leave any constructive feedback in the nicest way possible as to how can I improve my tutorial threads on forums and I will also leave a screen shot of the code that I used to make this post as an attatchment!
    Thankyou so much for reading this and I really do hope that I helped some of you out!!!
    Have a good day and I'll see you guys around!
    ~Acid~
     

    Attached Files:

    • 1.png
      1.png
      File size:
      100.6 KB
      Views:
      3
    • 2.png
      2.png
      File size:
      103.8 KB
      Views:
      2
    • 3.png
      3.png
      File size:
      19.7 KB
      Views:
      2
    • Informative Informative x 2
  2. milcerine
    Offline

    milcerine Well-Known Member

    Joined:
    May 3, 2013
    Messages:
    258
    • Agree Agree x 1
  3. XDisawesome
    Offline

    XDisawesome Active Member

    Joined:
    Feb 26, 2014
    Messages:
    541
    So many tutorials in this. But this one is nice
     
  4. Acidgamz
    Offline

    Acidgamz Member

    Joined:
    Apr 26, 2014
    Messages:
    50
    thanks for the positive feedback so far guys :) really appreciate it!
     
Thread Status:
Not open for further replies.

Share This Page