BBC/Forum Code Guide
Doing small updates here and there oh god my grammar Is horrendous...
Feel free to ping me with questions!
To do
Fr basics
Colors
Fonts and size
Images
Columns
dragon images
[center][font=Impact][size=7][b]FR Basics WIP[/b][/size][/font][/center]
[center][font=Impact][size=7][b]Order of code for text[/b][/size][/font][/center]
I doesn't mater what order you put Bold, Italic, or underline, as long as they are the ones closet to the text you are coding. Example--[u][i][b]Text[/b][/i][/u]/[u][b][i]text[/i][/b][/u]/[b][i][u]text[/u][/i][/b]/[b][u][i]text[/i][/u][/b]/[i][u][b]text[/b][/u][/i][code][u][i][b]Text[/b][/i][/u][u][b][i]text[/i][/b][/u]/[b][i][u]text[/u][/i][/b]/[b][u][i]text[/i][/u][/b]/[i][u][b]text[/b][/u][/i][/code]
Next should be strikethrough, then color, then size, then font, then url, and finally alignment (left, right, center), then columns.
so text would look like this:
[code][center][url=http://flightrising.com/main.php?p=lair&id=357442&tab=dragon&did=38024637][font=Webdings][size=5][color=Mediumvioletred][s][u][i][b]Example text[/b][/i][/u][/s][/color][/size][/font][/url][/center][/code]
[center][url=http://flightrising.com/main.php?p=lair&id=357442&tab=dragon&did=38024637][font=Webdings][size=5][color=Mediumvioletred][s][u][i][b]Example text[/b][/i][/u][/s][/color][/size][/font][/url][/center]
There are a few things that are interchangeable if you have both, I believe font, color, and size are interchangeable like bold, italic and underline is. as of right now I'm too lazy to test it. I should not have to explain emojis
[center][font=Impact][size=7][b]Images[/b][/size][/font][/center]
images are simple because, some text things just dont apply to images such as strikethrough, font, size, bold, italic, and underline.
Images, like text can be linked. the order for code applies to images, so its columns, alignment (left right or center), url, and them the image link from whatever site you are hosting it on that's FR compatible. Make sure when you get the link to the image of the site, it is bbc code, not an html.
flight rising hosting sites: Imgur and Tumblr as far as I know haven't failed. I haven't used the other sites so I wouldn't know how well they work. If something isn't listed that works, please tell me!
[LIST]
[*]Imgur
[*]Tumblr
[*]Sta.sh [quote name="UndefinedBeing" date="2018-10-19 14:00:06" ]
@Mianiacal
sta.sh is pretty much part of DeviantArt. its like it's additional private storage for anyone with an account
[/quote]
Ok
[*][url=https://imgur.com/]Imgur[/url]
[*][url=https://www.deviantart.com/]Deviant art[/url]
[*][url=https://imgbox.com/]Imgbox[/url]
[*][url=https://www.flickr.com/]Flickr[/url]
[*][url=https://photobucket.com/explore]photobucket (just don't bother)[/url]
[/LIST]
[center][font=Impact][size=7][b]Url[/b][/size][/font][/center]
You can link anything as far as I'm aware, images, text, emojis. However, If you are linking text and want it colored you have to place the color code[url=https://flightrising.com/main.php?p=lair&tab=userpage&id=357442][s][color=darkred][u][i][b] inside [/b][/i][/u][/s][/color][/url]the url code rather then[color=Darkgreen][s][b][i][u][url=https://flightrising.com/main.php?p=lair&tab=userpage&id=357442] outside. [/url][/u][/i][/b][/s][/color] B/I/U/S still carry through however, as you can see.
[code]However, If you are linking text and want it colored you have to place the color code
[url=https://flightrising.com/main.php?p=lair&tab=userpage&id=357442][s][color=darkred][u][i][b] inside [/b][/i][/u][/s][/color][/url]the url code rather then[color=Darkgreen][s][b][i][u][url=https://flightrising.com/main.php?p=lair&tab=userpage&id=357442] outside. [/url][/u][/i][/b][/s][/color][/code]
[center][font=Impact][size=7][b]Items and Skins[/b][/size][/font][/center]
[columns]
[item=Sparrow Skull]
[item=Riot Hazebeacon]
[skin=32046]
[item=breed change: nocturne]
[nextcol]
So different types of items have different requirements. I'm tired and going to bed.
[/columns]
[code][item=Sparrow Skull]
[item=Riot Hazebeacon]
[skin=32046]
[item=breed change: nocturne][/code]
[LIST]
[*]url
[*]items/skins
[*]linked images
[/LIST]
I doesn't mater what order you put Bold, Italic, or underline, as long as they are the ones closet to the text you are coding. Example--Text/text/text/text/text
Next should be strikethrough, then color, then size, then font, then url, and finally alignment (left, right, center), then columns.
so text would look like this:
There are a few things that are interchangeable if you have both, I believe font, color, and size are interchangeable like bold, italic and underline is. as of right now I'm too lazy to test it. I should not have to explain emojis
Images
images are simple because, some text things just dont apply to images such as strikethrough, font, size, bold, italic, and underline.
Images, like text can be linked. the order for code applies to images, so its columns, alignment (left right or center), url, and them the image link from whatever site you are hosting it on that's FR compatible. Make sure when you get the link to the image of the site, it is bbc code, not an html.
flight rising hosting sites: Imgur and Tumblr as far as I know haven't failed. I haven't used the other sites so I wouldn't know how well they work. If something isn't listed that works, please tell me!
You can link anything as far as I'm aware, images, text, emojis. However, If you are linking text and want it colored you have to place the color code inside the url code rather then outside. B/I/U/S still carry through however, as you can see.
Code:
However, If you are linking text and want it colored you have to place the color code
[url=https://flightrising.com/main.php?p=lair&tab=userpage&id=357442][s][color=darkred][u][i][b] inside [/b][/i][/u][/s][/color][/url]the url code rather then[color=Darkgreen][s][b][i][u][url=https://flightrising.com/main.php?p=lair&tab=userpage&id=357442] outside. [/url][/u][/i][/b][/s][/color]
Items and Skins
Sparrow Skull
Organics
It smells as if it was soaked in... rum?
15
Riot Hazebeacon
Apparel
Every year, hundreds of these bony birds lead groups of revelers through the murky wasteland, their lanterns adding as much as aiding in the thick, putrid fog. (Riot of Rot 2019 Holiday Item)
0
Accent: All Eyes on You
Fae Female Only
Riot of Rot 2019. (2/14) Designed by KronosDViolinist.
Itemid #32046
Breed Change: Nocturne
Specialty Items
Changes the breed of one dragon to Nocturne. Nocturne dragons are a limited breed with a 30-day breeding cooldown.
0
So different types of items have different requirements. I'm tired and going to bed.
[center][font=Impact][size=7][b]Fonts and Size[/b][/size][/font][/center]
[center]Im giving credit where credit is due. I 100% coped the list from Rhea[/center]
[center][size=1] oh god not more copy pasting ughhhh[/size][/center]
[LIST]
[*]Fonts, like colors, require the before[font=(number or name)], but only need the after [/font.] when you don't want that font to carry over to the next text.
[*]Fonts, unlike colors, do not have a code.
[*]Fonts ARE affected by sizing. (the below font are at size 6.)
[*]Fonts CAN be colored.
[/LIST]
[code]What it looks like:
[center][font=Impact][size=7][b]Fonts and Size[/b][/size][/font][/center][/code]
[columns][size=6][b]
[font=Arial]Arial
[font=Arial black]Arial black
[font=Arial Narrow]Arial Narrow
[font=Book Antiqua]Book Antiqua
[font=Calibri]Calibri
[font=Cambria]Cambria
[font=Candara]Candara
[font=Century]Century
[font=Century Gothic]Century Gothic
[font=Comic Sans MS]Comic Sans MS
[font=Consolas]Consolas
[font=Constantia]Constantia
[font=Copperplate]Copperplate
[font=Corbel]Corbel
[font=Courier New]Courier New
[font=Curlz MT]Curlz MT
[nextcol][size=6][b]
[font=Cursive]Cursive
[font=Fantasy]Fantasy
[font=Fixedsys]Fixedsys
[font=Franklin Gothic Medium]Franklin Gothic Medium
[font=Gabriola]Gabriola
[font=Garamond]Garamond
[font=Garton]Garton
[font=Georgia]Georgia
[font=Impact]Impact
[font=Lucida Console]Lucida Console
[font=Lucida Sans Unicode]Lucida Sans Unicode
[font=Microsoft Sans Serif]Microsoft Sans Serif
[font=Mistral]Mistral
[font=Monospace]Monospace
[font=Monotype Corsiva]Monotype Corsiva
[font=OCR A STD]OCR A STD
[nextcol][size=6][b]
[font=Optima]Optima
[font=Palatino Linotype]Palatino Linotype
[font=Papyrus]Papyrus
[font=Sylfaen]Sylfaen
[font=Papyrus]Papyrus
[font=Sylfaen]Sylfaen
[font=Symbol]Symbol
[font=System]System
[font=Tahoma]Tahoma
[font=Times New Roman]Times New Roman
[font=Trebuchet MS]Trebuchet MS
[font=Verdana]Verdana
[font=Vivaldi]Vivaldi
[font=Webdings]Webdings
[font=Wingdings]Wingdings
[font=Wingdings 2]Wingdings 2
[font=Wingdings 3]Wingdings 3[/font][/b][/size]
[/columns]
---------------
[center][font=Impact][size=7][b]S[/size][size=6][b]i[/size][size=5][b]z[/size][size=4][b]e[/size][/b][/size][/font][/center]
[code][center][font=Impact][size=7][b]S[/size][size=6][b]i[/size][size=5][b]z[/size][size=4][b]e[/size][/b][/size][/font][/center][/code]
[LIST]
[*]sizing requires both the beginning [size=##.] and [/size.] before the next Sizing. and example of this can be seen above.
[*]Sizing can go from 7-1, 7 being the largest, 1 being the smallest.
[*]The default for text on FR is size 3.
[*]Size can be stacked.
[/LIST]
[b][font=Optima]
[Size=1]This is the smallest size in fr. Size 1.[/size]
[Size=2]This is size 2.[/size]
[Size=3]This the the default, size 3.[/size]
[Size=4]This is size 4[/size]
[Size=5]This is 5[/size]
[Size=6]This is 6[/size]
[Size=7]This is 7.[/size]
[Size=7][Size=7]This is 7 stacked.[/size]
[/b]
[code][b][font=Optima]
[Size=1]This is the smallest size in fr. Size 1.[/size]
[Size=2]This is size 2.[/size]
[Size=3]This the the default, size 3.[/size]
[Size=4]This is size 4[/size]
[Size=5]This is 5[/size]
[Size=6]This is 6[/size]
[Size=7]This is 7.[/size]
[Size=7][Size=7]This is 7 stacked.[/size]
[/b][/code]
Im giving credit where credit is due. I 100% coped the list from Rhea
oh god not more copy pasting ughhhh
Fonts, like colors, require the before[font=(number or name)], but only need the after [/font.] when you don't want that font to carry over to the next text.
Fonts, unlike colors, do not have a code.
Fonts ARE affected by sizing. (the below font are at size 6.)
Fonts CAN be colored.
Code:
What it looks like:
[center][font=Impact][size=7][b]Fonts and Size[/b][/size][/font][/center]
Arial Arial black Arial Narrow Book Antiqua Calibri Cambria Candara Century Century Gothic Comic Sans MS Consolas Constantia Copperplate Corbel Courier New Curlz MT
Cursive Fantasy Fixedsys Franklin Gothic Medium Gabriola Garamond Garton Georgia Impact Lucida Console Lucida Sans Unicode Microsoft Sans Serif Mistral Monospace Monotype Corsiva OCR A STD
Optima Palatino Linotype Papyrus Sylfaen Papyrus Sylfaen Symbol System Tahoma Times New Roman Trebuchet MS Verdana Vivaldi Webdings Wingdings Wingdings 2 Wingdings 3
sizing requires both the beginning [size=##.] and [/size.] before the next Sizing. and example of this can be seen above.
Sizing can go from 7-1, 7 being the largest, 1 being the smallest.
The default for text on FR is size 3.
Size can be stacked.
This is the smallest size in fr. Size 1. This is size 2. This the the default, size 3. This is size 4 This is 5 This is 6 This is 7. This is 7 stacked.
Code:
[b][font=Optima]
[Size=1]This is the smallest size in fr. Size 1.[/size]
[Size=2]This is size 2.[/size]
[Size=3]This the the default, size 3.[/size]
[Size=4]This is size 4[/size]
[Size=5]This is 5[/size]
[Size=6]This is 6[/size]
[Size=7]This is 7.[/size]
[Size=7][Size=7]This is 7 stacked.[/size]
[/b]
what it looks like:
[center][size=7][b][u][color=red]C[color=Orange]O[color=yellow]L[color=green]O[color=blue]R[color=purple]S[/color][/u][/b][/size][/center]
colors require the end [ /color], but you dont need the end for every color change. You just need to specify where the new color starts.
Colors, like items, can be imputted by either their name or their id.
If you have issues seeing them on here (due to the light color of the forms) you can also find a list here
images
jotting down notes b4 i forget
img sites, imgur, tumblr, photoucket(trash, just pure trash), fliker
[center][size=6][b]Columns[/b][/size][/center]
So.. Columns aren't as bad as you'd think. you are pretty much adding a split line for any text, images, or code until the next break or end. you can also cram as many brakes into a line as you want. I'll elaborate soon.
[size=1]This text goes before the columns.
[columns]
This text is in the first column.
This is a second line in the first column.
[nextcol]
This is the second column,
with a second line.
[nextcol]
This is a third column.
Are we having fun yet?
[/columns]
This text goes after the columns.[/size]
[code][size=1]This text goes before the columns.
[columns]
This text is in the first column.
This is a second line in the first column.
[nextcol]
This is the second column,
with a second line.
[nextcol]
This is a third column.
Are we having fun yet?
[/columns]
This text goes after the columns.[/size][/code]
So.. Columns aren't as bad as you'd think. you are pretty much adding a split line for any text, images, or code until the next break or end. you can also cram as many brakes into a line as you want. I'll elaborate soon.
This text goes before the columns.
This text is in the first column.
This is a second line in the first column.
This is the second column,
with a second line.
This is a third column.
Are we having fun yet?
This text goes after the columns.
Code:
[size=1]This text goes before the columns.
[columns]
This text is in the first column.
This is a second line in the first column.
[nextcol]
This is the second column,
with a second line.
[nextcol]
This is a third column.
Are we having fun yet?
[/columns]
This text goes after the columns.[/size]
[center][font=Impact][size=7][b]Dragon Images[/b][/size][/font][/center]
[code]What it looks like: you get the idea by now
[center][font=Impact][size=7][b]Dragon Images[/b][/size][/font][/center][/code]
[center]I dont have to put, like any if ands or buts for this one, its really simple.[/center]
[center]------------[/center]
[center]First thing, Obviously, pick your dragon. for this im picking my (now former) dragon Layla.[/center]
[center][img]https://i.imgur.com/S3mJN79.png[/img][/center]
[center]Under/in their profile is a "generate code" button, after clicking/tapping that, two codes show up. A bbc code (contains the link to the dragon and the image of the dragon) is at the top, and an HTML under it (for anything else other then Forums)[/center]
[center][img]https://i.imgur.com/sVjBHc1.png[/img][/center]
[center][b]You must highlight from bracket to bracket [/b]unless you add in the bracket yourself but that seems pointless when its all done for you but whatever floats your boat I guess.[/center]
So layla's code looks like this:
[code][url=http://flightrising.com/main.php?dragon=42908644]
[img]http://flightrising.com/rendern/350/429087/42908644_350.png[/img]
[/url][/code]
[center]The [/url] portion of it is the link to the dragon, and the [/img] is the image. you could achieve the same effect by saving the image, putting it on one of fr's supported imaging sites and copy pasting the url but seems kind of pointless when they have done it for you.[/center]
[center]---------------[/center]
[center][font=Impact][size=7][b]Small Dragon Images[/b][/size][/font][/center]
[center]Now I'm lazy so I just found a website to make them small for me. Just copy paste the [b]dragon id[/b] into it and it spits out the bbc code for you. If you want them to be directly next to each other, make sure there is no space in between the two you want side by side.[/center]
[size=5][b]Disclaimer: this site [i]generates text[/i] rather then requesting/ripping the data from flight rising. Thus it is compliant with fr's rules updated in 2022.[/b][/size]
[url=https://volatilematter.wixsite.com/vm-generators/lair-avatar-big-images] [b]Isabel's Site[/b][/url]
[center]here's an example of some of these images with dragons in my lair: (as of when I'm making this)[/center]
[center][url=http://flightrising.com/main.php?dragon=48007549][img]http://flightrising.com/rendern/avatars/480076/48007549.png[/img][/url][url=http://flightrising.com/main.php?dragon=55898975][img]http://flightrising.com/rendern/avatars/558990/55898975.png[/img][/url][url=http://flightrising.com/main.php?dragon=73604770][img]http://flightrising.com/rendern/avatars/736048/73604770.png[/img][/url][url=http://flightrising.com/main.php?dragon=57742595][img]http://flightrising.com/rendern/avatars/577426/57742595.png[/img][/url][url=http://flightrising.com/main.php?dragon=56193056][img]http://flightrising.com/rendern/avatars/561931/56193056.png[/img][/url]
[/center]
[columns]
[url=http://flightrising.com/main.php?dragon=55716021][img]http://flightrising.com/rendern/coliseum/battlesprites/557161/55716021.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=73908959][img]http://www1.flightrising.com/rendern/portraits/739090/73908959p.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=59519705][img]http://www1.flightrising.com/rendern/portraits/595198/59519705p.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=72854704][img]http://www1.flightrising.com/rendern/portraits/728548/72854704p.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=1065684][img]http://flightrising.com/rendern/coliseum/portraits/10657/1065684.png[/img][/url]
[url=http://flightrising.com/main.php?dragon=37944584][img]http://flightrising.com/rendern/coliseum/portraits/379446/37944584.png[/img][/url]
[url=http://flightrising.com/main.php?dragon=74815642][img]http://flightrising.com/rendern/coliseum/portraits/748157/74815642.png[/img][/url]
[/columns]
[code]What it looks like:
[center][center][url=http://flightrising.com/main.php?dragon=48007549][img]http://flightrising.com/rendern/avatars/480076/48007549.png[/img][/url][url=http://flightrising.com/main.php?dragon=55898975][img]http://flightrising.com/rendern/avatars/558990/55898975.png[/img][/url][url=http://flightrising.com/main.php?dragon=73604770][img]http://flightrising.com/rendern/avatars/736048/73604770.png[/img][/url][url=http://flightrising.com/main.php?dragon=57742595][img]http://flightrising.com/rendern/avatars/577426/57742595.png[/img][/url][url=http://flightrising.com/main.php?dragon=56193056][img]http://flightrising.com/rendern/avatars/561931/56193056.png[/img][/url][/center]
[columns]
[url=http://flightrising.com/main.php?dragon=55716021][img]http://flightrising.com/rendern/coliseum/battlesprites/557161/55716021.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=73908959][img]http://www1.flightrising.com/rendern/portraits/739090/73908959p.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=59519705][img]http://www1.flightrising.com/rendern/portraits/595198/59519705p.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=72854704][img]http://www1.flightrising.com/rendern/portraits/728548/72854704p.png[/img][/url]
[nextcol]
[url=http://flightrising.com/main.php?dragon=60375730][img]http://flightrising.com/rendern/coliseum/portraits/603758/60375730.png[/img][/url]
[url=http://flightrising.com/main.php?dragon=74478415][img]http://flightrising.com/rendern/coliseum/portraits/744785/74478415.png[/img][/url]
[url=http://flightrising.com/main.php?dragon=57906998][img]http://flightrising.com/rendern/coliseum/portraits/579070/57906998.png[/img][/url]
[/columns]
[/code]
What it looks like: you get the idea by now
[center][font=Impact][size=7][b]Dragon Images[/b][/size][/font][/center]
I dont have to put, like any if ands or buts for this one, its really simple.
First thing, Obviously, pick your dragon. for this im picking my (now former) dragon Layla.
Under/in their profile is a "generate code" button, after clicking/tapping that, two codes show up. A bbc code (contains the link to the dragon and the image of the dragon) is at the top, and an HTML under it (for anything else other then Forums)
You must highlight from bracket to bracket unless you add in the bracket yourself but that seems pointless when its all done for you but whatever floats your boat I guess.
The [/url] portion of it is the link to the dragon, and the [/img] is the image. you could achieve the same effect by saving the image, putting it on one of fr's supported imaging sites and copy pasting the url but seems kind of pointless when they have done it for you.
Small Dragon Images
Now I'm lazy so I just found a website to make them small for me. Just copy paste the dragon id into it and it spits out the bbc code for you. If you want them to be directly next to each other, make sure there is no space in between the two you want side by side.
Disclaimer: this site generates text rather then requesting/ripping the data from flight rising. Thus it is compliant with fr's rules updated in 2022.