Creative Corner

A while back I made BBCode breeding cards for my hatchery based on the [url=http://keelanrosa.com/fr/]Keelan Rosa breeding card[/url]. I had some interest in the cards and thought I would share the code for free. :) Here's an example of a completed card: [columns][color=#FFFFFF]....................[/color][url=http://flightrising.com/main.php?dragon=27530661][img]http://flightrising.com/rendern/avatars/275307/27530661.png[/img][/url] [nextcol][center][font=Century Gothic][size=5][b][color=#3CA2A4]F[/color][color=#50DEDE]a[/color][color=#3CA2A4]i[/color][color=#DF3236]s[/color][color=#3CA2A4]s[/color][color=#50DEDE]e[/color][color=#3CA2A4]l[/color][color=#DF3236]l[/color][color=#3CA2A4]e[/color] [color=#50DEDE]&[/color] [color=#3CA2A4]M[/color][color=#DF3236]u[/color][color=#3CA2A4]e[/color][color=#50DEDE]n[/color][color=#3CA2A4]s[/color][color=#DF3236]t[/color][color=#3CA2A4]e[/color][color=#50DEDE]r[/color][/b][/size] 150kt Hatchlings Plague Eyes [color=#FFFFFF][/color]Ridgeback 75% | Bogsneak 25% [color=#FFFFFF]....[/color]Skink 100% [IMG]https://image.ibb.co/dNqgdQ/fmcolor1.png[/IMG] Skink 100%[color=#FFFFFF]..[/color] [color=#FFFFFF].....[/color]Spinner 100% [IMG]https://image.ibb.co/dNqgdQ/fmcolor1.png[/IMG] Spinner 100% [color=#FFFFFF]..[/color] [color=#FFFFFF]....[/color]Glimmer 100% [IMG]https://image.ibb.co/jApJQ5/fmcolor2.png[/IMG] Glimmer 100%[color=#FFFFFF]..[/color][/font][/center][nextcol][url=http://flightrising.com/main.php?dragon=27917832][img]http://flightrising.com/rendern/avatars/279179/27917832.png[/img][/url][/columns] Here is the code: [code][columns][color=transparent][/color]DRAGON CODE 1 [nextcol][center][font=Century Gothic][size=5][b]BREEDING PAIR NAME[/b][/size] Price Range Eye Color Breed % | Breed % [color=transparent][/color]Gene % [IMG]COLOR RANGE 1[/IMG] Gene % [color=transparent][/color]Gene % [IMG]COLOR RANCE 2[/IMG] Gene % [color=transparent][/color]Gene % [IMG]COLOR RANGE 3[/IMG] Gene % [/font][/center] [nextcol]DRAGON CODE 2[/columns][/code] [b]How do I fill in the blanks?[/b] Use the [url=http://keelanrosa.com/fr/]Keelan Rosa breeding card generator[/url] to find out percentages and color ranges for your pair. Take a screen shot of the card and isolate the color range. Save the image and upload to your preferred image hosting website. Replace the "COLOR RANGE #" with the image address. Go to your dragons' pages and click "generate code". Replace "DRAGON CODE #" with the code. In the img address change "/350/" to "/avatars/" and delete "_350" from the end. [b]Why the color change to transparent?[/b] The first color change is used to manually center the card since you can't center the columns themselves. The following color changes are used to manually center lines. Without them, if one side is heavier than the other the color ranges will be off center. Here's an example of a card without manual centering: [columns][color=#FFFFFF][/color][url=http://flightrising.com/main.php?dragon=31783853][img]http://flightrising.com/rendern/avatars/317839/31783853.png[/img][/url][nextcol][center][font=Century Gothic][size=5][b][color=8DBCB4]Pecorino[/color] [color=FFB576]&[/color] [color=8DBCB4]Asiago[/color][/b][/size] 75kt Hatchlings Nature Eyes [color=#FFFFFF][/color]Skydancer 50% | Bogsneak 50%[color=#FFFFFF][/color] [color=#FFFFFF][/color]Petals 3% [IMG]https://image.ibb.co/b7sSJQ/pacolor1.png[/IMG] Poison 97%[color=#FFFFFF][/color] [color=#FFFFFF][/color]Butterfly 3% [IMG]https://image.ibb.co/eDuUXk/pacolor2.png[/IMG] Spinner 97% [color=#FFFFFF][/color] [color=#FFFFFF][/color]Glimmer 1% [IMG]https://image.ibb.co/eDuUXk/pacolor2.png[/IMG] Underbelly 99%[color=#FFFFFF][/color][/font][/center][nextcol][url=http://flightrising.com/main.php?dragon=30407609][img]http://flightrising.com/rendern/avatars/304077/30407609.png[/img][/url][/columns] To center the card/lines just type in periods until you're satisfied with how it looks in the post preview! [b]I have another question/I need help![/b] Please ping me @aerieyena ! I'm happy to help. :)

@aerieyena
That's amazing! I really like the idea

@aerieyena

Great idea! I love this :D
(Also, isn't there a color=transparent for the tan-colored backgrounds? :) )
Hi if you see this!

@Phoenixofwar

I didn't know about the color change transparent! Thanks for the info! I'll update my code. :D

Testing 1 2 3

@aerieyena

No problem; glad to help! :D

@aerieyena Thank you for this! I'll definitely be using it!

Bookmarked! :D Thanks so much! @aerieyena

@aerieyena Just asking for the colour range [quote][IMG]COLOR RANGE 1[/IMG][/quote] What link/words should I put in it? I have tried putting in the name of the colours, copied and pasted the number codes like #731d08 but it doesn't work. These are beautiful and I am just a bit confused.

@aerieyena These are great! One question though... how do I transfer the color range from the generator to my hatchery??

@Flygo72 @flyingfennecfox

Here's hoping I can answer both your questions in one go!
You need to take a screenshot of the Keelan Rosa breeding card filled out with your pair's info and then crop the image to just the color range. Upload the image to a hosting website and then paste the image address where it says "COLOR RANGE" in the code.