Back

Guides

Community created guides, helpful strategies, and more.
TOPIC | coding!!
i'm not new to flight rising (at least, not super new) but i've never really done coding things-- in fact i learned everything i know today. if anyone has some tips that would be super awesome :)!!
i'm not new to flight rising (at least, not super new) but i've never really done coding things-- in fact i learned everything i know today. if anyone has some tips that would be super awesome :)!!
hanako.png

Teddy

he/him
this took me way too long
hanatu.png
@theebs I work a lot with columns, so i'll try to give you my advice as best i can on that regard. if you have any specific questions i can also help out! When I work with columns, if i'm working a template for a bio or smth i'll often use placeholder images such as the ones below to try and get a rough layout, and then go in and refine details and add the actual images in. I also use dummy text (usually lorum ipsum, but other people use other dummy text). [center][img]https://via.placeholder.com/300x100.png?text=placeholder+image.png[/img][/center] [center][img]https://via.placeholder.com/200.png?text=placeholder+image.png[/img][/center] Also columns insert a space between each column, so if you're trying to link images together next to each other don't use columns! just type the images next to each other. It's not a big space but it can be annoying if you're trying to get images to line up. ----- If you want to "indent" columns or space columns out i typically use the transparent color code. For example: [columns] [size=5][b]Name[/b][/size] [color=transparent]iii[/color][size=2][color=grey]Rank[/color][/size] [color=transparent]iii[/color][size=2][color=grey]Group[/color][/size] [nextcol] [color=transparent] iiiiii[/color][nextcol] [size=2]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue.[/size][/columns] [code=][columns] [size=5][b]Name[/b][/size] [color=transparent]iii[/color][size=2][color=grey]Rank[/color][/size] [color=transparent]iii[/color][size=2][color=grey]Group[/color][/size] [nextcol] [color=transparent] iiiiii[/color][nextcol] [size=2]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue.[/size][/columns][/code] I also can use it and apply it to my whole bio, so i can have blank spaces on either side. For example: [columns] [color=transparent]iiiiiiiiiiiiiii[/color] [nextcol] [center][size=5] Bio [/size][/center] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue [nextcol] [color=transparent]iiiiiiiiiiiiiiiii[/color] [/columns] [code][columns] [color=transparent]iiiiiii[/color] [nextcol] [center][size=5] Bio [/size][/center] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue [nextcol] [color=transparent]iiiiiii[/color] [/columns] [/code] ----- Hmm other than that i suppose when i code i try to make sure it's readable, so where i can i try to do a linebreak. For example in the upper code i have [ nextcol ] in the next line, so it's easier for me to see where my actual columns break and therefore if i do have an issue it's easier to diagnose. Not all code allows this, as it can impact where your text is placed, but it's a good rule of thumb for me. Last tip is that some code "lasts" longer than others? and also blocks other code. For example, if i do this: [columns][size=5] THIS IS BIG TEXT AA SCARY[nextcol] but this isn't big, because the columns code blocks the size code[/columns] [code][columns][size=5] THIS IS BIG TEXT AA SCARY[nextcol] but this isn;t big, because the columns code blocks the size code[/columns][/code] so typically you want to apply code that imapacts how the text looks within the code that impacts where it is placed, so put your size, color, bold/italic/underline between the columns, center, right, left code. ----- Hope this helps!
@theebs I work a lot with columns, so i'll try to give you my advice as best i can on that regard. if you have any specific questions i can also help out!

When I work with columns, if i'm working a template for a bio or smth i'll often use placeholder images such as the ones below to try and get a rough layout, and then go in and refine details and add the actual images in. I also use dummy text (usually lorum ipsum, but other people use other dummy text).
300x100.png?text=placeholder+image.png
200.png?text=placeholder+image.png

Also columns insert a space between each column, so if you're trying to link images together next to each other don't use columns! just type the images next to each other. It's not a big space but it can be annoying if you're trying to get images to line up.



If you want to "indent" columns or space columns out i typically use the transparent color code. For example:

Name
iiiRank
iiiGroup
iiiiii Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue.
Code:
[columns] [size=5][b]Name[/b][/size] [color=transparent]iii[/color][size=2][color=grey]Rank[/color][/size] [color=transparent]iii[/color][size=2][color=grey]Group[/color][/size] [nextcol] [color=transparent] iiiiii[/color][nextcol] [size=2]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue.[/size][/columns]



I also can use it and apply it to my whole bio, so i can have blank spaces on either side. For example:
iiiiiiiiiiiiiii
Bio
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue
iiiiiiiiiiiiiiiii
Code:
[columns] [color=transparent]iiiiiii[/color] [nextcol] [center][size=5] Bio [/size][/center] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium luctus risus sed ultricies. Praesent eleifend erat ut ex laoreet volutpat. Mauris mi nulla, vulputate id nulla at, viverra finibus libero. Nam dictum sit amet massa in molestie. Nullam quis bibendum ex, vitae egestas eros. Maecenas nec tortor nec velit vehicula mattis. Donec eu lobortis sapien. Donec vel ipsum consectetur, rutrum nibh ac, fringilla augue. Morbi faucibus pellentesque congue [nextcol] [color=transparent]iiiiiii[/color] [/columns]




Hmm other than that i suppose when i code i try to make sure it's readable, so where i can i try to do a linebreak. For example in the upper code i have [ nextcol ] in the next line, so it's easier for me to see where my actual columns break and therefore if i do have an issue it's easier to diagnose. Not all code allows this, as it can impact where your text is placed, but it's a good rule of thumb for me.

Last tip is that some code "lasts" longer than others? and also blocks other code. For example, if i do this:

THIS IS BIG TEXT AA SCARY but this isn't big, because the columns code blocks the size code
Code:
[columns][size=5] THIS IS BIG TEXT AA SCARY[nextcol] but this isn;t big, because the columns code blocks the size code[/columns]

so typically you want to apply code that imapacts how the text looks within the code that impacts where it is placed, so put your size, color, bold/italic/underline between the columns, center, right, left code.


Hope this helps!
Tilli They/Them

Art Shop
Hatchery
Wishlist

Please ping me! Otherwise I probably wont see your post.

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiitilli_ball_python_chibi.png
@Tilli that was so incredibly helpful thank you so much ??? i didn't expect someone to give me such a detailed response, you're so awesome thank you so much :,D!!! also i love the big scary text
@Tilli that was so incredibly helpful thank you so much ??? i didn't expect someone to give me such a detailed response, you're so awesome thank you so much :,D!!! also i love the big scary text
hanako.png

Teddy

he/him
this took me way too long
hanatu.png
@theebs np- i know a lot of the coding guides can be oddly complicated yet not explain a lot at the same time haha! if you need any more help feel free to ask! good luck with coding!
@theebs np- i know a lot of the coding guides can be oddly complicated yet not explain a lot at the same time haha! if you need any more help feel free to ask! good luck with coding!
Tilli They/Them

Art Shop
Hatchery
Wishlist

Please ping me! Otherwise I probably wont see your post.

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiitilli_ball_python_chibi.png