Guides

@EldritchCrowe Yes! Thanks

Just any of the pairs at the front of my lair. I want to do the thing I have on the second one, Erith, but smaller so I see both images at the same time without scrolling over to the right. I got the template from another source, and took out all the other junk, which is why there is probably too much "column" stuff, but I don't know how to edit out what I don't need.

@Twinkletoe So, I think you're looking for something like...? -----[columns] [center][b][size=4]Mikanth[/b] [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] [nextcol][center][color=transparent] __________________________________________________[/color] [b]Primary:[/b] [size=7] •••••••••• [/size] Color names... -----[center] [b]Secondary:[/b] [size=7] •••••••••• [/size] Color names... -----[center] [b]Tertiary:[/b] [size=7] •••••••••• [/size] Color names... [nextcol] [center][b][size=4]Erith[/b] [img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img][/columns]----- If you copy image address for Mikanth, for example, you get: [code]http://flightrising.com/rendern/avatars/264449/26444882.png?mtime=WXDsMAAAW40[/code] Just trim the code down to... [code]http://flightrising.com/rendern/avatars/264449/26444882.png[/code] so that it ends in ".png". Then do the 'img' tags, like so: [code][img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img][/code] and you have the little one! [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] Here's Mikanth's image code: [code][img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img][/code] And here's Erith's: [code][img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img][/code] I hope that was helpful enough for you c:

@EldritchCrowe Perfect! Now, how do I get it to center in the space? I tried adding [center] [/center] around each avatar code and the heart, but nothing happened. [code][columns] [center][b]Mikanth[/b][/center] [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] [nextcol][img]http://flightrising.com/images/cms/ticker/heart_big.png[/img] [nextcol] [center][b]Erith[/b][/center] [img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img] [nextcol][indent][/indent] [nextcol][indent][/indent] [/columns][/code]

@Twinkletoe

Unfortunately, column tags can't be centered. Columns always start on the left, and only fill the space they need. That said, you can accomplish the same effect with the transparent underscores:
_______________________________Centered

If those underscores were transparent, it would look like it was centered normally. Try using that technique in your first column to push the contents to the middle of the post!

EDIT: I haven't been continuing the guide because I'm a bit stuck and may rearrange or change some parts. I may remove the "dragon bio" part, add some others, that kind of stuff. If I added a "students" or something page, would you mind your hatchery being linked on that part?

@EldritchCrowe Sure! I would be happy for you to do that.

I will try the other and let you know how it went. Tomorrow.

@EldritchCrowe AAGGHH! Somtimes I think I can do this, and then I run into something like this. OK. So this is what I thought I should do, but it just moves Erith over a little. I can't figure out what's wrong. [code][columns] [color=transparent]____________________[/color][center][b]Mikanth[/b][/center] [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] [nextcol][img]http://flightrising.com/images/cms/ticker/heart_big.png[/img] [nextcol] [center][b]Erith[/b][/center] [img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img] [nextcol][indent][/indent] [nextcol][indent][/indent] [/columns][/code]

Obviously I am putting the transparent underscores in the wrong place but no matter where I try it, nothing really changes.

@TwinkleToe I may have mis[s]spoke[/s]typed, I think. When I spaced it out a few posts ago, I put it in the [i]center[/i] column, not the first one. I'm sorry if I added to the confusion :x Here's where I put it to achieve the same effect: [columns] [center][b]Mikanth[/b][/center] [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] [nextcol]___________________________________________________ [center][img]http://flightrising.com/images/cms/ticker/heart_big.png[/img] [nextcol] [center][b]Erith[/b][/center] [img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img] [/columns] Just make the underscore transparent when you use it. I kept it black to show where to put it. Your code is pretty solid so far, though! I also removed the indents (not 100% sure if you still needed those, but: [code] [columns] [center][b]Mikanth[/b][/center] [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] [nextcol]___________________________________________________ [center][img]http://flightrising.com/images/cms/ticker/heart_big.png[/img] [nextcol] [center][b]Erith[/b][/center] [img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img] [/columns][/code] ----- EDIT: Also, if you wanted to keep that distance but center the whole thing, make a new "first" column, and add just spacing there: [columns] __________________________ [nextcol][center][b]Mikanth[/b][/center] [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] [nextcol] [center][img]http://flightrising.com/images/cms/ticker/heart_big.png[/img] [nextcol] [center][b]Erith[/b][/center] [img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img] [/columns] [code][columns] __________________________ [nextcol][center][b]Mikanth[/b][/center] [img]http://flightrising.com/rendern/avatars/264449/26444882.png[/img] [nextcol] [center][img]http://flightrising.com/images/cms/ticker/heart_big.png[/img] [nextcol] [center][b]Erith[/b][/center] [img]http://flightrising.com/rendern/avatars/202138/20213796.png[/img] [/columns][/code]

@EldritchCrowe That second one is just what I want. Thank you!!

@Twinkletoe
Perfect! I'm glad I could help c:

Just as a heads up, I changed the guide around a little bit. Mostly the last two or three sections! I included a few things that I'm pretty sure weren't in the old sections...