Back

Guides

Community created guides, helpful strategies, and more.
TOPIC | An Advanced Guide to Forum BB Codes
1 2 3 4
[font=midcentrygothix][size=7][s]Somewhat[/s] Advanced Forum Coding Guide[/size] Starting a business thread, but don't know how to make your post look appealing enough to draw customers? Do you need your dragon's bio coded but don't feel like pay to get it done? Here, I made a guide to help people start cool threads and know a lot about coding and forum posts. First, I'm going to start with size. You can increase the size of text to help with heading, emphasis, or other methods to help your chosen text stand out, or decrease the size to use fine print or certain various uses. Size will depend on font(explained later), and uses numbers 1 through 7. For example, [size=1]SIZE one[/size] [size=2]SIZE two[/size] [size=3]SIZE three[/size] [size=4]SIZE four[/size] [size=5]SIZE five[/size] [size=6]SIZE six[/size] [size=7]SIZE seven[/size] Those are the available font sizes. You can do this by using the following code. [size=7]SIZE seven[/size] [code][size=7]SIZE seven[/size][/code] Next, we have the fonts. Fonts are really handy for spicing up your posts. These are awesome for adding some flair to help your post stand out! [size=3]Font=papyrus]This font is called papyrus. Very, pretty if you ask me. This is one of the many fonts available on Flight Rising.[/font][/size] [code][Font=FONT NAME GOES HERE]Text[/font][/code] For a helpful guide on the list of fonts, go [url=http://www1.flightrising.com/forums/gde/1444848#post_1444848]HERE[/url]. This thread is a year old(as of 2016). It is still very helpful, but may be a tad outdated. These next few are extremely helpful. I will show you how to do images. We start out with the link to the picture, and the picture alone, by right-clicking the photo you want and select "copy image location." Then we type [img] and click PASTE, after that we type in [/img]. The / is important! [img]http://37.media.tumblr.com/1cbdb818aed199682439025a6c4d2611/tumblr_mksy5vbxHI1r5zkymo1_250.gif[/img] As shown above, you can even do gifs. [code][img]Image url here![/img][/code] Anouther thing you can do is display items just like in your hoard. [center][item=Hippojay][item=sakura Flowerfall][item=Vista: Axolotl][item=glowing ember][item=rusted treasure chest][/center] You can go all sorts of items! [code][item=ITEM NAME GOES HERE][/code] Okay, now let's do skins! Skin numbers can be found at the top next to the "preview skin: #" [skin=16386] [code][skin=SKIN NUMBER][/code] Then we have this little seperation dude, helpful for seperating things. ----- ----- Check it out! It's recommend to do two if you really want it noticed. [code]----- Five of these buggers.[/code] Now we do links! [url=Flightrising.com]This will take you to the home page![/url] [code][url=URL OF PLACE YOU ARE LINKING TO]text[/url][/code] And how to link to certain comments below? [url=http://www1.flightrising.com/forums/gde/1967937#post_22371998]Check this out![/url] This is total life saver for organizing your threads. Just click the little paperclip looking this at the TOP RIGHT corner of each reply. If you are a mobile version like me, you might have to tap and hold it, then press copy. This will only work for certain mobile brands. Now we're moving on to color! Try not to make your thread look so eye-bleeding. This is mainly recommend for font accents and headings! [center][color=red]HELLO[/color][/center] [code][color=red] Or... [color=#custom color][/color][/code] You can even do transparent by typing "transparent" You can do all sorts of colors, but some are not available. You can, however do custom colors! I recommend [url=http://htmlcolorcodes.com/color-picker/]this site,[/url] but any site will do. You can the number/leter sequence after the hashtag(#). You also want the hashtag, too! Okay. Now this is the post where it gets a little harder. Columns are extremely helpful for bios but can still be used in forums. You start out with the word "[ columns]" [columns] [Size=5]Here is the first column. I often use this for bios, lores, whatever. You can do what ever you[nextcol] want. Go to the next column by typing "[ nextcol]" Very easy to use![/size][/columns] Last we have users. This will show the user's profile picture and provide a link to their clan profile. [Center][user=Froggyface][/center] Here I am! Alright, how you do this is fairly simple. [Code][user=PLAYER USERNAME HERE][/code] There you have it! A simple guide to coding! Any questions? Ping me below!!
Somewhat Advanced Forum Coding Guide

Starting a business thread, but don't know how to make your post look appealing enough to draw customers? Do you need your dragon's bio coded but don't feel like pay to get it done? Here, I made a guide to help people start cool threads and know a lot about coding and forum posts.

First, I'm going to start with size. You can increase the size of text to help with heading, emphasis, or other methods to help your chosen text stand out, or decrease the size to use fine print or certain various uses. Size will depend on font(explained later), and uses numbers 1 through 7. For example,

SIZE one
SIZE two
SIZE three
SIZE four
SIZE five
SIZE six
SIZE seven

Those are the available font sizes. You can do this by using the following code.

SIZE seven
Code:
[size=7]SIZE seven[/size]


Next, we have the fonts. Fonts are really handy for spicing up your posts. These are awesome for adding some flair to help your post stand out!

Font=papyrus]This font is called papyrus. Very, pretty if you ask me. This is one of the many fonts available on Flight Rising.
Code:
[Font=FONT NAME GOES HERE]Text[/font]

For a helpful guide on the list of fonts, go HERE. This thread is a year old(as of 2016). It is still very helpful, but may be a tad outdated.

These next few are extremely helpful. I will show you how to do images. We start out with the link to the picture, and the picture alone, by right-clicking the photo you want and select "copy image location." Then we type [img]and click PASTE, after that we type in[/img]. The / is important!

tumblr_mksy5vbxHI1r5zkymo1_250.gif

As shown above, you can even do gifs.
Code:
[img]Image url here![/img]


Anouther thing you can do is display items just like in your hoard.
Hippojay Sakura Flowerfall Vista: Axolotl Glowing Ember Rusted Treasure Chest

You can go all sorts of items!
Code:
[item=ITEM NAME GOES HERE]

Okay, now let's do skins! Skin numbers can be found at the top next to the "preview skin: #"


Code:
[skin=SKIN NUMBER]

Then we have this little seperation dude, helpful for seperating things.



Check it out! It's recommend to do two if you really want it noticed.

Code:
----- Five of these buggers.


Now we do links!

This will take you to the home page!
Code:
[url=URL OF PLACE YOU ARE LINKING TO]text[/url]

And how to link to certain comments below?

Check this out!

This is total life saver for organizing your threads. Just click the little paperclip looking this at the TOP RIGHT corner of each reply. If you are a mobile version like me, you might have to tap and hold it, then press copy. This will only work for certain mobile brands.


Now we're moving on to color! Try not to make your thread look so eye-bleeding. This is mainly recommend for font accents and headings!
HELLO
Code:
[color=red] Or... [color=#custom color][/color]

You can even do transparent by typing "transparent"

You can do all sorts of colors, but some are not available. You can, however do custom colors!

I recommend this site, but any site will do. You can the number/leter sequence after the hashtag(#). You also want the hashtag, too!




Okay. Now this is the post where it gets a little harder. Columns are extremely helpful for bios but can still be used in forums. You start out with the word "[ columns]"
Here is the first column. I often use this for bios, lores, whatever. You can do what ever you want. Go to the next column by typing "[ nextcol]" Very easy to use!



Last we have users. This will show the user's profile picture and provide a link to their clan profile.

Here I am! Alright, how you do this is fairly simple.
Code:
[user=PLAYER USERNAME HERE]




There you have it! A simple guide to coding! Any questions? Ping me below!!
fb6PwQy.png
Woah! What are you doing all the way here? Fun's back up there!
Woah! What are you doing all the way here? Fun's back up there!
fb6PwQy.png
@FroggyFace

Thank you for creating this guide! I'm a little new to code and this is a great reference. :)
@FroggyFace

Thank you for creating this guide! I'm a little new to code and this is a great reference. :)
riVr93C.png
@Froggy Face
Hey thanks for the info! One more question is how do you post a picture of a dragon/ or a picture that links to the dragon's profile?
@Froggy Face
Hey thanks for the info! One more question is how do you post a picture of a dragon/ or a picture that links to the dragon's profile?
5kk00y.png
very useful!!! Thanks for posting!!!!
very useful!!! Thanks for posting!!!!
Jenna
She/Her
FR Time +2
Looking for forever home dragons and friends
yes! Useful, and now I know what the star at the top of the thread means! [img]http://www.naiadstudios.com/Kanari.gif[/img]
yes! Useful, and now I know what the star at the top of the thread means!

Kanari.gif
Kanari.gif
@MissGoldenPixel

Pinging myself to use later.
@MissGoldenPixel

Pinging myself to use later.
m6vglJ1.png
@FroggyFace By the way, you can go above size seven by doubling (or even tripling) up on sizes! [size=7][size=7]Eg it can be this big if you do this[/size][/size] [code][size=7][size=7]Eg it can be this big if you do this[/size][/size][/code] [size=7][size=1]other stuff too[/size][/size], it's weird and takes some messing with [code][size=7][size=1]other stuff too[/size][/size][/code]
@FroggyFace By the way, you can go above size seven by doubling (or even tripling) up on sizes!
Eg it can be this big if you do this
Code:
[size=7][size=7]Eg it can be this big if you do this[/size][/size]
other stuff too, it's weird and takes some messing with
Code:
[size=7][size=1]other stuff too[/size][/size]
iiii_by_falconrex121-d8kz04t.pngiiii_by_falconrex121-d8kz085.pngiiiiiiiii_by_falconrex121-d8kz0bq.png
@froggyFace I love this guide so much, thank you!!!! Do you know how to shrink the pictures of dragons?
@froggyFace I love this guide so much, thank you!!!! Do you know how to shrink the pictures of dragons?
XdKddgH.pngbutton_by_cas_a_fras-dbbg65c.png mayhem2.png
@Gingerdemon If you mean to make the pictures look like avatars, then I can help! Go the the dragon's profile. Underneath the dragon's profile, their should be a button saying "Generate Code." Click that, and when it pops up, copy the code under "BB Code" It should look something like this: [code][url=http://flightrising.com/main.php?dragon=27796047] [img]http://flightrising.com/rendern/350/277961/27796047_350.png[/img] [/url][/code] Of course, your url's will be slightly different. Once you copy and paste that, change the first 350 in the second link (so, after /rendern/) to portraits and the _350 (before .png) to a p. It should look like this: [code][url=http://flightrising.com/main.php?dragon=27796047] [img]http://flightrising.com/rendern/portraits/277961/27796047p.png[/img] [/url][/code] [url=http://flightrising.com/main.php?dragon=27796047] [img]http://flightrising.com/rendern/portraits/277961/27796047p.png[/img] [/url] Does that help? :3
@Gingerdemon If you mean to make the pictures look like avatars, then I can help! Go the the dragon's profile. Underneath the dragon's profile, their should be a button saying "Generate Code." Click that, and when it pops up, copy the code under "BB Code"

It should look something like this:
Code:
[url=http://flightrising.com/main.php?dragon=27796047] [img]http://flightrising.com/rendern/350/277961/27796047_350.png[/img] [/url]

Of course, your url's will be slightly different.

Once you copy and paste that, change the first 350 in the second link (so, after /rendern/) to portraits and the _350 (before .png) to a p.

It should look like this:
Code:
[url=http://flightrising.com/main.php?dragon=27796047] [img]http://flightrising.com/rendern/portraits/277961/27796047p.png[/img] [/url]


27796047p.png


Does that help? :3
hJ8OTHQ.gifELCP3EK.gifhoCtO2k.gif ~~~~~~~ tumblr_nknb5ifvlX1s7y9wxo6_100.png
1 2 3 4