Home› Help Desk
If you need urgent support, call 999 or go to your nearest A&E. To contact our Crisis Messenger (open 24/7) text THEMIX to 85258.
Read the community guidelines before posting ✨

How to use BBCode

TheMixTheMix Posts: 3,118 Boards Guru
edited April 2021 in Help Desk
Howdy everyone 🐸

As you might know, we've included BB Code into the boards now, to make it more accessible for everyone to use! Although you can still use the buttons along the tool bar across the top, you can also input the code yourself meaning there are loads more things we can do!

Below is a little cheat sheet of everything we've found you can do so far, as well as the code needed to make it work. Have a play around with it all - copy and paste the code for whatever you'd like to create!

Bullet Point List
  • list item 1
  • list item 2
[list]
[*]list item 1
[*]list item 2
[/list]

Numerical List
  1. list item 1
  2. list item 2
[list=1] 
[*]list item 1
[*]list item 2
[/list]

Alignment
this text is left-aligned
this text is center-aligned
this text is right-aligned 
[left]this text is left-aligned[/left]
[center]this text is center-aligned[/center]
[right]this text is right-aligned[/right]

Text Colour

this text is red 
[color=red]this text is red[/color]

this text is blue 
[color=#2596be]this text is blue[/color]

Images and Links

giphy.gif
[img]https://media.giphy.com/media/Ju7l5y9osyymQ/giphy.gif[/img]

giphy.gif

This image is linked - click it! 
[url=https://www.youtube.com/watch?v=dQw4w9WgXcQ][img]https://media.giphy.com/media/Ju7l5y9osyymQ/giphy.gif[/img][/url]

This text is linked to a funky video 
[url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"]This text is linked to a funky video[/url]

Other

this text is bold 
[b]this text is bold[/b]

this text is italic 
[i]this text is italic[/i]

this text is underlined 
[u]this text is underlined[/u]

this text is strike through 
[s]this text is strike through[/s]
this text is a quote
[quote]this text is a quote[/quote]
this text is in a spoiler
[spoiler]this text is in a spoiler[ /spoiler]
(remove space before /spoiler for it to work)
Post edited by JustV on

Comments

  • Emma_Emma_ Community Manager Posts: 601 Incredible Poster
    So these are the colours I've had a play around with so far. Like the red above, you just put the name of the colour into the code

    red
    yellow
    blue
    green
    orange
    purple
    pink
    light blue
    grey
    aqua
    brown

    You can also use the HEX code for the colour, like the blue in the post above. Here's a great website to find the hex code for a colour. It's the code with the # before it :)
  • DancerDancer Community Champion Posts: 8,103 Legendary Poster
    edited April 2021
    Wow this is cool.
    Why am I not surprised that there is a rickroll on here as well. Haha.
    "There's a part of me I can't get back. A little girl grew up too fast. All it took was once. I'll never be the same." ~ Demi Lovato
    "The way that I have found the light in my life is through the expressive arts because I know that I will be accepted for the way I am." ~ Me
    "I'm going to get strong again and see you soon. " ~ Anonymous 
  • lovemimoonlovemimoon Posts: 2,318 Boards Champion
    Thank you so much for this cheat sheet!

    Needed this so badly! <3:s
  • DancerDancer Community Champion Posts: 8,103 Legendary Poster
    edited April 2021
    4lxkngt9so0e.gif

    Click the kitten for a cute surprise! <3
    "There's a part of me I can't get back. A little girl grew up too fast. All it took was once. I'll never be the same." ~ Demi Lovato
    "The way that I have found the light in my life is through the expressive arts because I know that I will be accepted for the way I am." ~ Me
    "I'm going to get strong again and see you soon. " ~ Anonymous 
  • Former MemberFormer Member Moderator Posts: 343 The Mix Regular
    Can you let me know what part of it isn't working @Dancer? I might be able to help you out :smile:
  • DancerDancer Community Champion Posts: 8,103 Legendary Poster
    Jordan wrote: »
    Can you let me know what part of it isn't working @Dancer? I might be able to help you out :smile:

    Just managed to get it to work now but thank you.
    "There's a part of me I can't get back. A little girl grew up too fast. All it took was once. I'll never be the same." ~ Demi Lovato
    "The way that I have found the light in my life is through the expressive arts because I know that I will be accepted for the way I am." ~ Me
    "I'm going to get strong again and see you soon. " ~ Anonymous 
  • Past UserPast User Definition of a mental mess and a certified lost cause :) Posts: 0 Just got here
    edited April 2021
    The user and all related content has been deleted.
  • Past UserPast User Definition of a mental mess and a certified lost cause :) Posts: 0 Just got here
    The user and all related content has been deleted.
  • DancerDancer Community Champion Posts: 8,103 Legendary Poster
    This is absolutely not a rickroll.
    "There's a part of me I can't get back. A little girl grew up too fast. All it took was once. I'll never be the same." ~ Demi Lovato
    "The way that I have found the light in my life is through the expressive arts because I know that I will be accepted for the way I am." ~ Me
    "I'm going to get strong again and see you soon. " ~ Anonymous 
  • DancerDancer Community Champion Posts: 8,103 Legendary Poster
    Is there any way of making links different colours? @The Mix
    "There's a part of me I can't get back. A little girl grew up too fast. All it took was once. I'll never be the same." ~ Demi Lovato
    "The way that I have found the light in my life is through the expressive arts because I know that I will be accepted for the way I am." ~ Me
    "I'm going to get strong again and see you soon. " ~ Anonymous 
  • Emma_Emma_ Community Manager Posts: 601 Incredible Poster
    Umm I don't think so @Dancer as the link overrides the colour. Lets see if this works:

    this text is red

    Edit: sadly, the hyperlink blue overrides any colour :(

  • Former MemberFormer Member Fruit loop Deactivated Posts: 2,762 Boards Guru
    this text is hopefully pink fingers crossed
  • DancerDancer Community Champion Posts: 8,103 Legendary Poster
    edited September 18
    Past User wrote: »
    this text is hopefully pink fingers crossed

    Yes it is pink.
    Post edited by TheMix on
    "There's a part of me I can't get back. A little girl grew up too fast. All it took was once. I'll never be the same." ~ Demi Lovato
    "The way that I have found the light in my life is through the expressive arts because I know that I will be accepted for the way I am." ~ Me
    "I'm going to get strong again and see you soon. " ~ Anonymous 
  • lovemimoonlovemimoon Posts: 2,318 Boards Champion
    You can change the text colour?

    This means gradients are a thing!

    There's a website for it: https://www.stuffbydavid.com/textcolorizer

    Have fun with it and go crazy~ :joy:
  • JustVJustV Community Manager Posts: 5,592 Part of The Furniture
    edited April 2021
    What on earth this is so cool, but the code is insanely long! @lovemimoon

    Raw code: 
    [color=#0000A1]W[/color][color=#0300A1]h[/color][color=#0600A2]a[/color][color=#0900A3]t[/color] [color=#0F00A4]o[/color][color=#1200A5]n[/color] [color=#1800A7]e[/color][color=#1B00A7]a[/color][color=#1E00A8]r[/color][color=#2100A9]t[/color][color=#2400AA]h[/color] [color=#2A00AB]t[/color][color=#2D00AC]h[/color][color=#3000AD]i[/color][color=#3300AD]s[/color] [color=#3900AF]i[/color][color=#3C00B0]s[/color] [color=#4300B1]s[/color][color=#4600B2]o[/color] [color=#4C00B3]c[/color][color=#4F00B4]o[/color][color=#5200B5]o[/color][color=#5500B6]l[/color][color=#5800B6],[/color] [color=#5E00B8]b[/color][color=#6100B9]u[/color][color=#6400B9]t[/color] [color=#6A00BB]t[/color][color=#6D00BC]h[/color][color=#7000BC]e[/color] [color=#7600BE]c[/color][color=#7900BF]o[/color][color=#7D00BF]d[/color][color=#8000C0]e[/color] [color=#8600C2]i[/color][color=#8900C2]s[/color] [color=#8F00C4]i[/color][color=#9200C5]n[/color][color=#9500C5]s[/color][color=#9800C6]a[/color][color=#9B00C7]n[/color][color=#9E00C8]e[/color][color=#A100C8]l[/color][color=#A400C9]y[/color] [color=#AA00CB]l[/color][color=#AD00CB]o[/color][color=#B000CC]n[/color][color=#B300CD]g[/color][color=#B600CE]![/color]
    All behaviour is a need trying to be met.
    The truth resists simplicity.
  • lovemimoonlovemimoon Posts: 2,318 Boards Champion
    The code is long but it's worth it! @Mike :joy:
  • Chloe234Chloe234 Community Champion Posts: 3,578 Community Veteran
    Hello world! im a bit late to this but that is a very long code
    🦆💜🦆💜🦆
  • Chloe234Chloe234 Community Champion Posts: 3,578 Community Veteran
    Just testing this out
    🦆💜🦆💜🦆
Sign In or Register to comment.