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
Italics
Underline
Strikethrough
Colors!
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!!!
EVEN BIGGER!
tiny words
teeny tiny words
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!!!!
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!
Most formating boxes you can stack like shown above to apply as many effects as you want to a section of words.
Word Positioning
Here is an example of combining other formating into a list.
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)
Here is an example of columns, lists, and other formats combined.
Pictures, links, and more!
Cool line that makes nice sections! Five -'s together create this cool line across the entire page.
https://www1.flightrising.com/lair/387343
Links to anything! Just paste it between the url boxes to make clickable links.
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!
Clickable words! Whatever link you want to put in to make whatever words you want clickable to that link :)
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!
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!
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]
Code:
[s]Strikethrough[/s]
Colors!
Code:
[color=a307aa]Colors![/color]
https://htmlcolorcodes.com/
BIG WORDS!!!
Code:
[size=7]BIG WORDS!!![/size]
Code:
[size=7][size=7]EVEN BIGGER![/size][/size]
Code:
[size=1]tiny words[/size]
Code:
[size=1][size=1]teeny tiny words[/size][/size]
Fonts!!!!
Code:
[font=Herculanum]Fonts!!!![/font]
Putting it all together!
Code:
[b][u][color=a307aa][size=7][font=Comic Sans MS]Putting it all together![/b][/u][/color][/size][/font]
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]
- Auto
- Numbered
- 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]
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]
cool egg! |
cold 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]
|
|
|
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]
Pictures, links, and more!
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:
-----
https://www1.flightrising.com/lair/387343
Code:
[url]https://www1.flightrising.com/lair/387343[/url]
Code:
[url=https://www1.flightrising.com/forums/baz/2959149/1][img]https://i.imgur.com/WJrUPc3.png[/img][/url]
My Sale Tab!
Code:
[url=https://www1.flightrising.com/lair/387343]My Sale Tab![/url]
Code:
[item=Fish Oil][item=Eliminate][item=Boolean]
Code:
[skin=630][skin=774][skin=847]
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!