Back

Guides

Community created guides, helpful strategies, and more.
TOPIC | Forum Formatting Guide - With YT video!!
1 2
This is a basic collection of the different forum formating codes that I use on a regular basis. I have included everything that I have learned so far, if I am missing anything let me know below :) [b][size=6][url=https://www.youtube.com/watch?v=QYl73-MD0-Q]Youtube video link[/url][/b][/size] To start you will learn that every format consists of some form of [whatitisdoing]words that are affected[/endwhatitwasdoing] if you can understand that is how to start a word effect and end a word effect you are already off to a great start. To become a master of forum formating its more than just understanding if I copy paste that guys stuff it will do this, its getting to the point that you understand why it is doing that so you can edit it to fit exactly what you want it to do, and go further and make your own forum layouts to suit your needs. Next a good thing to remember is the quote button. Come across a forum page you reallllyyyy like the layout of but have no idea on earth how they did it? Hit the quote button and in your own message it will put all of their code! Wow! Just don't send it and copy paste it for your own use somewhere else. Don't pinch peoples art this way without asking but to figure out normal forum formatting I think it is ok. [size=7][b]Basic Word Edits[/b][/size] ----- [b]Bold[/b] [code][b]Bold[/b][/code] [I]Italics[/I] [code][I]Italics[/I][/code] [u]Underline[/u] [code][u]Underline[/u][/code] [s]Strikethrough[/s] [code][s]Strikethrough[/s][/code] [color=a307aa]Colors![/color] [code][color=a307aa]Colors![/color][/code] In the color= box, the numbers and letters you put there is called an HTML color code. these are a selection of numbers and letters that can create any color you wish. I like using this website to quickly find the color I want. [url]https://htmlcolorcodes.com/[/url] [size=7]BIG WORDS!!![/size] [code][size=7]BIG WORDS!!![/size][/code] [size=7][size=7]EVEN BIGGER![/size][/size] [code][size=7][size=7]EVEN BIGGER![/size][/size][/code] [size=1]tiny words[/size] [code][size=1]tiny words[/size][/code] [size=1][size=1]teeny tiny words[/size][/size] [code][size=1][size=1]teeny tiny words[/size][/size][/code] Making big and small words can come in handy. It is pretty easy to do. The max size you can put in one size= box is 7, but as you can see above you can stack the size boxes to make words even bigger! Same thing goes for tiny words. No idea how much you can actually stack them I've seen like 4 or 5 size=1 stacked before to hide pinglists. [b][size=7][font=Herculanum]Fonts!!!![/font][/b][/size] [code][font=Herculanum]Fonts!!!![/font][/code] There is theoretically any font possible available in the forums for you to use. If you have it downloaded on your computer then you will see it, otherwise it will become something basic like times new roman. So following this don't use the random font you downloaded off the web that one time, use fonts that most people will have so everyone sees your forum page the same as you do. Just put the name of the font you want to use in the font= box. [b][u][color=a307aa][size=7][font=Comic Sans MS]Putting it all together![/b][/u][/color][/size][/font] [code][b][u][color=a307aa][size=7][font=Comic Sans MS]Putting it all together![/b][/u][/color][/size][/font][/code] Most formating boxes you can stack like shown above to apply as many effects as you want to a section of words. ----- [size=7][b]Word Positioning[/b][/size] ----- [center]Centered[/center] [code][center]Centered[/center][/code] [right]Right Aligned[/right] [code][right]Right Aligned[/right][/code] [left]Normal idk why you would need this[/left] [code][left]Normal idk why you would need this[/left][/code] [indent]Indent![/indent] [code][indent]Indent![/indent][/code] [LIST=1] [*]Auto [*]Numbered [*]List [/LIST] [code][LIST=1] [*]Auto [*]Numbered [*]List [/LIST][/code] [LIST] [*]Bulleted [*]List [*]Cool! [/LIST] [code][LIST] [*]Bulleted [*]List [*]Cool! [/LIST][/code] [LIST] [*][size=3][color=#375892][b]1[/b]: user [/color][/size] [*][size=3][color=#375892][b]2[/b]: user [/color][/size] [*][size=3][color=#375892][b]3[/b]: user [/color][/size] [*][size=3][color=#375892][b]4[/b]: user [/color][/size] [*][size=3][color=#375892][b]5[/b]: user [/color][/size] [*][size=3][color=#375892][b]6[/b]: user [/color][/size] [/LIST] [code][LIST] [*][size=3][color=#375892][b]1[/b]: user [/color][/size] [*][size=3][color=#375892][b]2[/b]: user [/color][/size] [*][size=3][color=#375892][b]3[/b]: user [/color][/size] [*][size=3][color=#375892][b]4[/b]: user [/color][/size] [*][size=3][color=#375892][b]5[/b]: user [/color][/size] [*][size=3][color=#375892][b]6[/b]: user [/color][/size] [/LIST][/code] Here is an example of combining other formating into a list. [columns]Things in columns[nextcol] Yay this is fun![nextcol] Even more columns![/columns] [code][columns]Things in columns[nextcol] Yay this is fun![nextcol] Even more columns![/columns][/code] [columns][item=unhatched ice egg] cool egg![nextcol] [item=unhatched ice egg] cold egg![nextcol] [item=unhatched ice egg] icy egg![/columns] [code][columns][item=unhatched ice egg] cool egg![nextcol] [item=unhatched ice egg] cold egg![nextcol] [item=unhatched ice egg] icy egg![/columns][/code] You can put all sorts of things in columns including items and pictures. (we will go over items and pictures in more detail down a little further) [columns][item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][nextcol] [item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][nextcol] [item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][/columns] [code][columns][item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][nextcol] [item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][nextcol] [item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][/columns][/code] Here is an example of columns, lists, and other formats combined. ----- [size=7][b]Pictures, links, and more![/b][/size] ----- [img]https://i.imgur.com/m0NipRp.png[/img] [code][img]https://i.imgur.com/m0NipRp.png[/img][/code] [LIST] [*]Pictures are pretty easy. If you are taking pictures from a forum page (that the owner dont mind you taking from, like this one for flight rising assets) [url]https://www1.flightrising.com/forums/gde/2135618/1[/url] Right click on the image you want and click "copy image location" and paste it between the img boxes. [*]To do your own image, uplaod it to a image upload site, I prefer imgur [url]https://imgur.com/[/url], right click on your image once it says the upload is complete, again click "copy image link", and paste it between the img boxes. [*]To do dragon images right click on the dragon and click "copy image location", and pate it between the img boxes. Now this is slightly different from other images, you have to edit the image link a little for it to work. A dragon image link will at first look like this "https://www1.flightrising.com/rendern/350/665763/66576298_350.png[b]?mtime=ZYAVABZJpJw[/b]" I have bolded part of the link because you need to delete that part for the image to work. Anything after the .png you have to remove for a dragon image to work. Why? idk. It just is lol. So your final dragon image links should look like this "https://www1.flightrising.com/rendern/350/665763/66576298_350.png" [/LIST] ----- [code]-----[/code] Cool line that makes nice sections! Five -'s together create this cool line across the entire page. [url]https://www1.flightrising.com/lair/387343[/url] [code][url]https://www1.flightrising.com/lair/387343[/url][/code] Links to anything! Just paste it between the url boxes to make clickable links. [url=https://www1.flightrising.com/forums/baz/2959149/1][img]https://i.imgur.com/WJrUPc3.png[/img][/url] [code][url=https://www1.flightrising.com/forums/baz/2959149/1][img]https://i.imgur.com/WJrUPc3.png[/img][/url][/code] Clickable images!!! Great for your forum Bio or forum advertising! Just put in the image link and the url you want it to go to as shown above. Can be used to link to dragons, forum pages, or anything else. [url=https://www1.flightrising.com/lair/387343]My Sale Tab![/url] [code] [url=https://www1.flightrising.com/lair/387343]My Sale Tab![/url][/code] Clickable words! Whatever link you want to put in to make whatever words you want clickable to that link :) [item=Fish Oil][item=Eliminate][item=Boolean] [code][item=Fish Oil][item=Eliminate][item=Boolean][/code] Flight rising items! Just go to your hoard or the game database, find the name of the item you want, and put it in the item= box! [skin=630][skin=774][skin=847] [code] [skin=630][skin=774][skin=847][/code] For skins/accents you need the skin itemid that will be in the bottom left of the tooltip. Put it in the skin= box. And I think that is everything let me know if I left something out :) Forum sale generator to make your life easy: [url]https://drcodegenerator.gitlab.io/sale.html[/url] Credit to @/DalphiaRose for that!
This is a basic collection of the different forum formating codes that I use on a regular basis. I have included everything that I have learned so far, if I am missing anything let me know below :)

Youtube video link

To start you will learn that every format consists of some form of [whatitisdoing]words that are affected[/endwhatitwasdoing] if you can understand that is how to start a word effect and end a word effect you are already off to a great start. To become a master of forum formating its more than just understanding if I copy paste that guys stuff it will do this, its getting to the point that you understand why it is doing that so you can edit it to fit exactly what you want it to do, and go further and make your own forum layouts to suit your needs.

Next a good thing to remember is the quote button. Come across a forum page you reallllyyyy like the layout of but have no idea on earth how they did it? Hit the quote button and in your own message it will put all of their code! Wow! Just don't send it and copy paste it for your own use somewhere else. Don't pinch peoples art this way without asking but to figure out normal forum formatting I think it is ok.


Basic Word Edits

Bold
Code:
[b]Bold[/b]

Italics
Code:
[I]Italics[/I]

Underline
Code:
[u]Underline[/u]

Strikethrough
Code:
[s]Strikethrough[/s]

Colors!
Code:
[color=a307aa]Colors![/color]
In the color= box, the numbers and letters you put there is called an HTML color code. these are a selection of numbers and letters that can create any color you wish. I like using this website to quickly find the color I want.
https://htmlcolorcodes.com/

BIG WORDS!!!
Code:
[size=7]BIG WORDS!!![/size]
EVEN BIGGER!
Code:
[size=7][size=7]EVEN BIGGER![/size][/size]
tiny words
Code:
[size=1]tiny words[/size]
teeny tiny words
Code:
[size=1][size=1]teeny tiny words[/size][/size]
Making big and small words can come in handy. It is pretty easy to do. The max size you can put in one size= box is 7, but as you can see above you can stack the size boxes to make words even bigger! Same thing goes for tiny words. No idea how much you can actually stack them I've seen like 4 or 5 size=1 stacked before to hide pinglists.

Fonts!!!!
Code:
[font=Herculanum]Fonts!!!![/font]
There is theoretically any font possible available in the forums for you to use. If you have it downloaded on your computer then you will see it, otherwise it will become something basic like times new roman. So following this don't use the random font you downloaded off the web that one time, use fonts that most people will have so everyone sees your forum page the same as you do. Just put the name of the font you want to use in the font= box.

Putting it all together!
Code:
[b][u][color=a307aa][size=7][font=Comic Sans MS]Putting it all together![/b][/u][/color][/size][/font]
Most formating boxes you can stack like shown above to apply as many effects as you want to a section of words.

Word Positioning
Centered
Code:
[center]Centered[/center]
Right Aligned
Code:
[right]Right Aligned[/right]
Normal idk why you would need this
Code:
[left]Normal idk why you would need this[/left]
Indent!
Code:
[indent]Indent![/indent]
  1. Auto
  2. Numbered
  3. List
Code:
[LIST=1] [*]Auto [*]Numbered [*]List [/LIST]
  • Bulleted
  • List
  • Cool!
Code:
[LIST] [*]Bulleted [*]List [*]Cool! [/LIST]
  • 1: user
  • 2: user
  • 3: user
  • 4: user
  • 5: user
  • 6: user
Code:
[LIST] [*][size=3][color=#375892][b]1[/b]: user [/color][/size] [*][size=3][color=#375892][b]2[/b]: user [/color][/size] [*][size=3][color=#375892][b]3[/b]: user [/color][/size] [*][size=3][color=#375892][b]4[/b]: user [/color][/size] [*][size=3][color=#375892][b]5[/b]: user [/color][/size] [*][size=3][color=#375892][b]6[/b]: user [/color][/size] [/LIST]
Here is an example of combining other formating into a list.
Things
in
columns
Yay
this is
fun!
Even
more
columns!
Code:
[columns]Things in columns[nextcol] Yay this is fun![nextcol] Even more columns![/columns]
Unhatched Ice Egg
cool egg!
Unhatched Ice Egg
cold egg!
Unhatched Ice Egg
icy egg!
Code:
[columns][item=unhatched ice egg] cool egg![nextcol] [item=unhatched ice egg] cold egg![nextcol] [item=unhatched ice egg] icy egg![/columns]
You can put all sorts of things in columns including items and pictures. (we will go over items and pictures in more detail down a little further)
Gravedigger Chest
  • Current Stock: 0
  • Price per This Chest: 30g
Gravedigger Chest
  • Current Stock: 0
  • Price per This Chest: 30g
Gravedigger Chest
  • Current Stock: 0
  • Price per This Chest: 30g
Code:
[columns][item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][nextcol] [item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][nextcol] [item=Gravedigger Chest] [LIST][*][size=3][color=#375892][b]Current Stock: 0[/b][/color][/size] [*][size=3][color=#375892][b]Price per This Chest: 30g [/b][/color][/size][/LIST][/columns]
Here is an example of columns, lists, and other formats combined.

Pictures, links, and more!

m0NipRp.png
Code:
[img]https://i.imgur.com/m0NipRp.png[/img]
  • Pictures are pretty easy. If you are taking pictures from a forum page (that the owner dont mind you taking from, like this one for flight rising assets)
    https://www1.flightrising.com/forums/gde/2135618/1
    Right click on the image you want and click "copy image location" and paste it between the img boxes.
  • To do your own image, uplaod it to a image upload site, I prefer imgur https://imgur.com/, right click on your image once it says the upload is complete, again click "copy image link", and paste it between the img boxes.
  • To do dragon images right click on the dragon and click "copy image location", and pate it between the img boxes. Now this is slightly different from other images, you have to edit the image link a little for it to work. A dragon image link will at first look like this
    "https://www1.flightrising.com/rendern/350/665763/66576298_350.png?mtime=ZYAVABZJpJw"
    I have bolded part of the link because you need to delete that part for the image to work. Anything after the .png you have to remove for a dragon image to work. Why? idk. It just is lol. So your final dragon image links should look like this
    "https://www1.flightrising.com/rendern/350/665763/66576298_350.png"

Code:
-----
Cool line that makes nice sections! Five -'s together create this cool line across the entire page.

https://www1.flightrising.com/lair/387343
Code:
[url]https://www1.flightrising.com/lair/387343[/url]
Links to anything! Just paste it between the url boxes to make clickable links.

WJrUPc3.png
Code:
[url=https://www1.flightrising.com/forums/baz/2959149/1][img]https://i.imgur.com/WJrUPc3.png[/img][/url]
Clickable images!!! Great for your forum Bio or forum advertising! Just put in the image link and the url you want it to go to as shown above. Can be used to link to dragons, forum pages, or anything else.

My Sale Tab!
Code:
[url=https://www1.flightrising.com/lair/387343]My Sale Tab![/url]
Clickable words! Whatever link you want to put in to make whatever words you want clickable to that link :)

Fish Oil Eliminate Boolean
Code:
[item=Fish Oil][item=Eliminate][item=Boolean]
Flight rising items! Just go to your hoard or the game database, find the name of the item you want, and put it in the item= box!

Code:
[skin=630][skin=774][skin=847]
For skins/accents you need the skin itemid that will be in the bottom left of the tooltip. Put it in the skin= box.

And I think that is everything let me know if I left something out :)
Forum sale generator to make your life easy: https://drcodegenerator.gitlab.io/sale.html
Credit to @/DalphiaRose for that!
rUIwOcC.png
noice
noice
0zgUeu8.png
[columns][item=unhatched arcane egg] [color=a307aa][i]Thank you :D[/color][/i]
Unhatched Arcane Egg Thank you :D
Np :)
Glad I could help
Np :)
Glad I could help
rUIwOcC.png
let me know if ive missed anything guys :D
let me know if ive missed anything guys :D
rUIwOcC.png
How do you link to the database?

I saw in a few Database comments how they list the name of the thing with an tiny picture of said item and i have no idea how

Example: *Link*
How do you link to the database?

I saw in a few Database comments how they list the name of the thing with an tiny picture of said item and i have no idea how

Example: *Link*
plagueanim1.gif
FR+9 | cQS6PnX.png | german
FObX7rS.png
- No voice to cry suffering. -
No random friend requests
_______
__
f44Zu0R.gif
__________
__
WwEg4PF.png

@Yuubi oh wow I didn't even think of that, and I have no idea how they do that! I'm curious now, there doesn't seem to be anything about it in the other coding guides from what I can see. maybe try starting a thread in the help forum and see if anyone who knows pipes in. If you find out how that's done let me know and I'll add it here
@Yuubi oh wow I didn't even think of that, and I have no idea how they do that! I'm curious now, there doesn't seem to be anything about it in the other coding guides from what I can see. maybe try starting a thread in the help forum and see if anyone who knows pipes in. If you find out how that's done let me know and I'll add it here
rUIwOcC.png
I figured it out!

Its under the "Share this Game Database entry" (the button right to the lamp)

the syntax is
[ gamedb item=*ItemID* ]
I figured it out!

Its under the "Share this Game Database entry" (the button right to the lamp)

the syntax is
[ gamedb item=*ItemID* ]
plagueanim1.gif
FR+9 | cQS6PnX.png | german
FObX7rS.png
- No voice to cry suffering. -
No random friend requests
_______
__
f44Zu0R.gif
__________
__
WwEg4PF.png

Advisor's Apparel
oooo that is so cool! thank you!
Advisor's Apparel
oooo that is so cool! thank you!
rUIwOcC.png
Thank you so much for this guide, it's amazingly helpful!
Thank you so much for this guide, it's amazingly helpful!
1 2