jhoijhoi's decoding service

[quote=jhoijhoi]Hi R4GE, sorry for missing your post. The mastery chapter formatting is already available in my Making a Guide Guide; Emikadon's only added in bullet points to the coding. As for the ToC, I can do that later, but again, a similar coding cluster is available in my Making a Guide Guide ^^[/quote]

[quote=R4GE][quote=jhoijhoi] Hi R4GE, sorry for missing your post. The mastery chapter formatting is already available in my Making a Guide Guide; Emikadon's only added in bullet points to the coding. As for the ToC, I can do that later, but again, a similar coding cluster is available in my Making a Guide Guide ^^ [/quote] No problem, I found out another way of coding the ToC.[/quote]

[quote=jhoijhoi]Bringing this back to life. A lot of MobaFire members are serious coders now, so it'd be awesome to see what kind of templates we can come up with.[/quote]

[quote=Jpikachu1999]Anyone have any ideas on an ability skill order template? I know the one that's in [url=http://www.mobafire.com/league-of-legends/build/ashes-to-ashes-67331]Ashes to Ashe's[/url] is pretty popular, but everytime I read it I feel like I'm squinting and getting a headache from it. It just seems a little small to me. Should I just increase the size of it, or is there a better method anyone can come up with?[/quote]

[quote=jokersprank]In jhoijhoi's guide she left space between the columns which is why it looks so small. Tbh, I like the design of Lolking's ability skill order. The icons are smaller than the field. I tried it with using Unicode ♥ but numbers with circles are on my browser only available until 10 and afterwards you get those rectangles. The only thing I can come up is creating your own custom icons by either making round ability icons or number inside circles as an image. Another idea would be putting ability icons and and number into one circle oo [spoiler=lolking][img]http://i.imgur.com/lOo0n6H.png[/img] Don't kill me...[/spoiler][/quote]

[quote=Jpikachu1999]I actually like that idea a lot. I'll probably end up just doing custom images then. It's definitely a lot more visible with those circles than just the small icons. Thanks![/quote]

[quote=jhoijhoi]It doesn't help that Ashe's abilities all look the same. With champions with easy to distinguish abilities, it looks fine. But yes, coloured balls with numbers would look nice, like LoLKing's design. However, that's a LOT of custom graphics for a small section of your guide. Unless you can find a use for the numbers somewhere else ^^[/quote]

[quote=Jpikachu1999]First attempt at this - I screwed up the images slightly, but just to get the idea. ------------------------------ [columns] [nextcol=50][icon=Ranger's Focus size=40] [nextcol=50] [nextcol=50][img=http://imgur.com/OvgKNkG.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/ihm6NR0.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/gMoi5XF.png size=30] [nextcol=50] [nextcol=50][img=http://imgur.com/fURpQQO.png size=30] [nextcol=50][img=http://imgur.com/IcnMTWl.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Volley size=40] [nextcol=50][img=http://i.imgur.com/3FOK6UD.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/BWeISxO.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/H0C87Mj.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/eKgiLFZ.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/eUTqHuD.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Hawkshot size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/aW6Lq8v.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/PiKHcI9.png size=30] [nextcol=50][img=http://i.imgur.com/UVFumhR.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/6aAy0f6.png size=30] [nextcol=50][img=http://i.imgur.com/iozrNm0.png size=30] [/columns] [columns] [nextcol=50][icon=Enchanted Crystal Arrow size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/y8vcJU8.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/Sy1KcGc.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/c5ZktVN.png size=30] [nextcol=50] [nextcol=50] [/columns] -------------------------------------- I'll attempt to fix the images a bit, but thoughts on how that looks? [spoiler=Code][code][columns] [nextcol=50][icon=Ranger's Focus size=40] [nextcol=50] [nextcol=50][img=http://imgur.com/OvgKNkG.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/ihm6NR0.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/gMoi5XF.png size=30] [nextcol=50] [nextcol=50][img=http://imgur.com/fURpQQO.png size=30] [nextcol=50][img=http://imgur.com/IcnMTWl.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Volley size=40] [nextcol=50][img=http://i.imgur.com/3FOK6UD.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/BWeISxO.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/H0C87Mj.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/eKgiLFZ.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/eUTqHuD.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Hawkshot size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/aW6Lq8v.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/PiKHcI9.png size=30] [nextcol=50][img=http://i.imgur.com/UVFumhR.png size=30] [nextcol=50] [nextcol=50][img=http://i.imgur.com/6aAy0f6.png size=30] [nextcol=50][img=http://i.imgur.com/iozrNm0.png size=30] [/columns] [columns] [nextcol=50][icon=Enchanted Crystal Arrow size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/y8vcJU8.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/Sy1KcGc.png size=30] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/c5ZktVN.png size=30] [nextcol=50] [nextcol=50] [/columns] [/code][/spoiler] ------------------------- Next Attempt --------------------------- [columns] [nextcol=50][icon=Ranger's Focus size=40] [nextcol=50] [nextcol=50][img=http://i.imgur.com/QJvdmW7.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/u7G2dTy.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/MERUuDi.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/1ZxZ9hA.png] [nextcol=50][img=http://i.imgur.com/zVHYWIv.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Volley size=40] [nextcol=50][img=http://i.imgur.com/6WtUZ66.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/ebmx9Pz.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/YeEyxrt.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/yY29Vve.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/tPlbbKb.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Hawkshot size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/FqiAEty.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/VKHoYrx.png] [nextcol=50][img=http://i.imgur.com/1wXAPsg.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/3pkY96l.png] [nextcol=50][img=http://i.imgur.com/N0Lsz6j.png] [/columns] [columns] [nextcol=50][icon=Enchanted Crystal Arrow size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/4RbbxWm.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/mOGA1ja.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/G4z0qHq.png] [nextcol=50] [nextcol=50] [/columns] [spoiler=Code][code][columns] [nextcol=50][icon=Ranger's Focus size=40] [nextcol=50] [nextcol=50][img=http://i.imgur.com/QJvdmW7.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/u7G2dTy.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/MERUuDi.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/1ZxZ9hA.png] [nextcol=50][img=http://i.imgur.com/zVHYWIv.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Volley size=40] [nextcol=50][img=http://i.imgur.com/6WtUZ66.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/ebmx9Pz.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/YeEyxrt.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/yY29Vve.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/tPlbbKb.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [/columns] [columns] [nextcol=50][icon=Hawkshot size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/FqiAEty.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/VKHoYrx.png] [nextcol=50][img=http://i.imgur.com/1wXAPsg.png] [nextcol=50] [nextcol=50][img=http://i.imgur.com/3pkY96l.png] [nextcol=50][img=http://i.imgur.com/N0Lsz6j.png] [/columns] [columns] [nextcol=50][icon=Enchanted Crystal Arrow size=40] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/4RbbxWm.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/mOGA1ja.png] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50] [nextcol=50][img=http://i.imgur.com/G4z0qHq.png] [nextcol=50] [nextcol=50] [/columns][/code][/spoiler][/quote]

[quote=jokersprank]I think tables are better in this case. I tried it in a guide and it messed up the formation. The problem could be the empty columns since they aren't filled and don't stay the same width if the whole space is too small. [table] [tr] [td width=30 padding=1][icon=ranger's focus size=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/OvgKNkG.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/ihm6NR0.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/gMoi5XF.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/fURpQQO.png width=30][/td] [td width=30 padding=1][img=http://imgur.com/IcnMTWl.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [/tr] [tr] [td colspan=1 padding=1][icon=Volley size=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/3FOK6UD.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/BWeISxO.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/H0C87Mj.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eKgiLFZ.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eUTqHuD.png width=30][/td] [td colspan=9][/td] [/tr] [tr] [td colspan=1 padding=1][icon=Hawkshot size=30][/td] [td colspan=3 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/aW6Lq8v.png width=30][/td] [td colspan=10][/td] [td colspan=1 padding=1][img=http://i.imgur.com/PiKHcI9.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/UVFumhR.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/6aAy0f6.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/iozrNm0.png width=30][/td] [/tr] [tr] [td colspan=1 padding=1][icon=Enchanted Crystal Arrow size=30][/td] [td colspan=5 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/y8vcJU8.png width=30][/td] [td colspan=4 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/Sy1KcGc.png width=30][/td] [td colspan=4 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/c5ZktVN.png width=30][/td] [td colspan=2 padding=1][/td] [/tr] [/table] [table] [tr bgcolor=#1C1C1C] [td width=30 padding=1][icon=ranger's focus size=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/OvgKNkG.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/ihm6NR0.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/gMoi5XF.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/fURpQQO.png width=30][/td] [td width=30 padding=1][img=http://imgur.com/IcnMTWl.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [/tr] [tr bgcolor=#2E2E2E] [td colspan=1 padding=1][icon=Volley size=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/3FOK6UD.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/BWeISxO.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/H0C87Mj.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eKgiLFZ.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eUTqHuD.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [/tr] [tr bgcolor=#1C1C1C] [td colspan=1 padding=1][icon=Hawkshot size=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/aW6Lq8v.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/PiKHcI9.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/UVFumhR.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/6aAy0f6.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/iozrNm0.png width=30][/td] [/tr] [tr bgcolor=#2E2E2E] [td colspan=1 padding=1][icon=Enchanted Crystal Arrow size=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/y8vcJU8.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/Sy1KcGc.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/c5ZktVN.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [/tr] [/table] Here I tried using tables. The first one is with less code and much more clearer. The second is made for giving a grid look. [spoiler=code] [code] [table] [tr] [td width=30 padding=1][icon=ranger's focus size=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/OvgKNkG.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/ihm6NR0.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/gMoi5XF.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/fURpQQO.png width=30][/td] [td width=30 padding=1][img=http://imgur.com/IcnMTWl.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [/tr] [tr] [td colspan=1 padding=1][icon=Volley size=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/3FOK6UD.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/BWeISxO.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/H0C87Mj.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eKgiLFZ.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eUTqHuD.png width=30][/td] [td colspan=9][/td] [/tr] [tr] [td colspan=1 padding=1][icon=Hawkshot size=30][/td] [td colspan=3 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/aW6Lq8v.png width=30][/td] [td colspan=10][/td] [td colspan=1 padding=1][img=http://i.imgur.com/PiKHcI9.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/UVFumhR.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/6aAy0f6.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/iozrNm0.png width=30][/td] [/tr] [tr] [td colspan=1 padding=1][icon=Enchanted Crystal Arrow size=30][/td] [td colspan=5 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/y8vcJU8.png width=30][/td] [td colspan=4 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/Sy1KcGc.png width=30][/td] [td colspan=4 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/c5ZktVN.png width=30][/td] [td colspan=2 padding=1][/td] [/tr] [/table] [table] [tr bgcolor=#1C1C1C] [td width=30 padding=1][icon=ranger's focus size=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/OvgKNkG.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/ihm6NR0.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/gMoi5XF.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/fURpQQO.png width=30][/td] [td width=30 padding=1][img=http://imgur.com/IcnMTWl.png width=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [/tr] [tr bgcolor=#2E2E2E] [td colspan=1 padding=1][icon=Volley size=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/3FOK6UD.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/BWeISxO.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/H0C87Mj.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eKgiLFZ.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eUTqHuD.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [/tr] [tr bgcolor=#1C1C1C] [td colspan=1 padding=1][icon=Hawkshot size=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/aW6Lq8v.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/PiKHcI9.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/UVFumhR.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/6aAy0f6.png width=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/iozrNm0.png width=30][/td] [/tr] [tr bgcolor=#2E2E2E] [td colspan=1 padding=1][icon=Enchanted Crystal Arrow size=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/y8vcJU8.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/Sy1KcGc.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/c5ZktVN.png width=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [/tr] [/table] [/code] [/spoiler] Btw, how did you create the images? Photoshop or some vector programm?[/quote]

[quote=jhoijhoi]^You should use the center code to get all the images aligned nicely. I also think smaller circles would be nicer. I also think the icons to the left would look nicer if they didn't have a grid, so just changed the background colour to black, which is what your guide background colour is - the transparent tag doesn't work for some reason. Nice coding, Jokers and JPikachu! [center] [table] [tr bgcolor=#1C1C1C] [td width=30 padding=1 bgcolor=black][icon=ranger's focus size=30][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/OvgKNkG.png width=25][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/ihm6NR0.png width=25][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://i.imgur.com/gMoi5XF.png width=25][/td] [td width=30 padding=1][/td] [td width=30 padding=1][img=http://imgur.com/fURpQQO.png width=25][/td] [td width=30 padding=1][img=http://imgur.com/IcnMTWl.png width=25][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [td width=30 padding=1][/td] [/tr] [tr bgcolor=#2E2E2E] [td colspan=1 padding=1 bgcolor=black][icon=Volley size=30][/td] [td colspan=1 padding=1][img=http://i.imgur.com/3FOK6UD.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/BWeISxO.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/H0C87Mj.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eKgiLFZ.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/eUTqHuD.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [/tr] [tr bgcolor=#1C1C1C] [td colspan=1 padding=1 bgcolor=black][icon=Hawkshot size=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/aW6Lq8v.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/PiKHcI9.png width=25][/td] [td colspan=1 padding=1][img=http://i.imgur.com/UVFumhR.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/6aAy0f6.png width=25][/td] [td colspan=1 padding=1][img=http://i.imgur.com/iozrNm0.png width=25][/td] [/tr] [tr bgcolor=#2E2E2E] [td colspan=1 padding=1 bgcolor=black][icon=Enchanted Crystal Arrow size=30][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/y8vcJU8.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/Sy1KcGc.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][img=http://i.imgur.com/c5ZktVN.png width=25][/td] [td colspan=1 padding=1][/td] [td colspan=1 padding=1][/td] [/tr] [/table][/center][/quote]