Guides
Community created guides, helpful strategies, and more.



[Resource] Dragon Description Templates
Jan 26, 2015 00:30:53

Snapdragon

1030

82

281

1227
Hey, you!

Do you like having pretty descriptions on your dragons' page? Love dolling up their bios with the items they collect, links to their mate, and pretty adoptables you've bought? Well, sure, who doesn't!

If you don't have enough BBCode know-how to build layouts from scratch (or simply don't want to put up with the headaches), then this is the place to stop! I've put together a few simple layouts that you can copy and paste into your dragons' descriptions, then add their bios and customize them to your liking.

(And if you're one of the folks who's got the skill and the inclination to supply layouts, then definitely feel free to contribute a layout or two as well!)

Please honour the layout makers who request credit and/or don't want their code altered. If using art/adoptables commissioned from artists, please honour whatever policies they have in place about credit/linking.

Layouts:

Beloved Basics Bamboo Falls
  • Made by Snapdragon
  • No credit required, modifying okay
  • Code | Preview
Fire and Ice
  • Made by Snapdragon
  • No credit required, modifying okay
  • Code | Preview
Ecks Layout 1 Ecks Layout 2
  • Made by ecks
  • No credit required, modifying okay
  • Code | Preview
Ecks Layout 3
  • Made by ecks
  • No credit required, modifying okay
  • Code | Preview
Painted Blue Arcanist
  • Made by heypercy
  • No credit required, modifying okay
  • Code | Preview
Aura
  • Made by heypercy
  • No credit required, modifying okay
  • Code | Preview
Ripple Simple Serthis Simple Straif's Layout Hisako's Layout Kriten's Layout Rexi's Layout Rexi's Layout 2
  • Made by Rexi
  • Credit not required, modifying okay
  • Code | Preview
Ariehenix's Layout
tumblr_inline_nivxf8CWLK1rwdj8f.giftumblr_inline_nivvkfCrBM1rwdj8f.giftumblr_inline_nivvkp0yfH1rwdj8f.gif
[Resource] Dragon Description Templates
Jan 26, 2015 00:59:38

Snapdragon

1030

82

281

1227
Tips and Resources:

Modifying layout code:
FR image resources:
How to use FR images:
  • Items and familiars - Right-click, select "Copy image URL," paste*
  • Dragons - Click the "Generate Code" button on the dragon's page, copy the part in the img tags, paste
  • Avatars - Right-click, select "Copy image URL," paste, delete the ? and everything following
* On the forums, you can use special BBCode to directly insert a skin or item so that its tooltip appears on mouseover. This doesn't work correctly in descriptions -- while the writer will see them display properly, others who view the profile will only see the BBCode text.

Image hosts:
How to Contribute:
If you'd like to supply a layout for people to use: great! Thank you! Here's what to do:
  • Please ping me so I know to add it to the first post.
  • Please state whether you would like to be credited (if yes, it helps to include it in the code somewhere) and if you're okay with people modifying your layout.
  • Please link to a pastebin containing your layout template. (Pastebin serves as a way to post all the code without stretching the forums or accidentally displaying the code.)
  • If you want to include an image of the layout to use as a preview/sample, that's appreciated. If not, then I can do that part myself.
tumblr_inline_nivxf8CWLK1rwdj8f.giftumblr_inline_nivvkfCrBM1rwdj8f.giftumblr_inline_nivvkp0yfH1rwdj8f.gif
[Resource] Dragon Description Templates
Jan 26, 2015 01:00:04

Snapdragon

1030

82

281

1227
Reserved, just in case.
tumblr_inline_nivxf8CWLK1rwdj8f.giftumblr_inline_nivvkfCrBM1rwdj8f.giftumblr_inline_nivvkp0yfH1rwdj8f.gif
[Resource] Dragon Description Templates
Jan 26, 2015 01:00:31

Snapdragon

1030

82

281

1227
OK, that should do it!
tumblr_inline_nivxf8CWLK1rwdj8f.giftumblr_inline_nivvkfCrBM1rwdj8f.giftumblr_inline_nivvkp0yfH1rwdj8f.gif
[Resource] Dragon Description Templates
Jan 26, 2015 01:30:37

ecks

1255

33

404

649
Super duper quicky ideas. Feel free to use these as springboards for whatever. No credit necessary.

LAYOUT 1

A preview of what it might look like.

LAYOUT 2

A preview of what it might look like.

LAYOUT 3

A preview of what it might look like.

As an aside, on another site that limited coding to BBC, I used to use transparent images with different sizes to get around the lack of table width. Something like 1x150 transparent bar to stretch the column.

Have to be careful here not to break things because there's only so much room on dragon bios, but it might work out to someone's advantage.
[Resource] Dragon Description Templates
Jan 26, 2015 01:54:10

Snapdragon

1030

82

281

1227
@ecks Thank you! They look great, and easy to use layouts like that are perfect. Added to the first post.
tumblr_inline_nivxf8CWLK1rwdj8f.giftumblr_inline_nivvkfCrBM1rwdj8f.giftumblr_inline_nivvkp0yfH1rwdj8f.gif
[Resource] Dragon Description Templates
Jan 26, 2015 08:31:26

skyarising

1200

106

476

4710
This is the best :) I might try my hand at a template or two when I get my computer back!
zsd3H2q.png
The sound of the bamboo rustling in
the wind fills you with determination.
tumblr_inline_o2z815OLVT1qdrhpp_100.png mentor_badge_n2_by_shadowshot9-daodnly.png BhAMKZa.png Jenna | 23 | FR+3
FR Tumblr
bio codes
Useful Links
x x x
[Resource] Dragon Description Templates
Jan 26, 2015 13:15:34

Alternatewarning

1170

59

509

6646
@Snapdragon
I'm going to tinker around with yours and see if I like it!
Also you can save images to be transparent if you just save them as pngs
466w8yC.png
[Resource] Dragon Description Templates
Jan 26, 2015 13:36:11

heypercy

665

27

195

840
@Snapdragon
Slapped these together! Modifying is fine, and I don't need to be credited c:

"Painted Blue" — Preview | Code
"The Arcanist" — Preview | Code
"Aura" — Preview | Code

I'd just like to note that not all the images in the preview are included in the code, some of the image brackets have the WxH of the image needed instead, like so —
AGWdG68.png
[Resource] Dragon Description Templates
Jan 26, 2015 14:23:59

Snapdragon

1030

82

281

1227
@Alternatewarning I gave it a quick test, and it looks like regular right-click saving does preserve transparency too. Thanks for the correction!

@heypercy Thanks so much, those layouts look awesome! Added them to the first post.
tumblr_inline_nivxf8CWLK1rwdj8f.giftumblr_inline_nivvkfCrBM1rwdj8f.giftumblr_inline_nivvkp0yfH1rwdj8f.gif