For those of you who know anything about coding pet profiles, is it possible to split a pet's treasure into multiple boxes/categories? I have multiple characters who share one pet, so I have their treasures all put together in the one pet treasure and "separate" it using the Invisible Man item, but I'd really like to be able to make the treasure look like it's been separated into different categories if possible
Example: 
So TITLE would be my character's name, and their pet treasure in a box next to their name. Is it possible?
[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]
Yep, that's possible - someone gave me the coding so I could do that for Dr Watson so I could have 16 items per episode of Sherlock, without it all being one long mess
Basically each treasure chest item has a number (literally starting from 1 at the top left) and the coding relates to each item's number. It's a bit of a long winded code to achieve it (and I've not been able to figure out a way of getting titles, unless you have a background image with the titles written on), but what I have is:
/**** TREASURE SPACINGS - TWO ROWS FOR ONE EPISODE ****/
, , , , , , , {margin-top:15px!important;}
, , , , , , , {margin-top:15px!important;}
**** TREASURE SPACINGS - BORDER FOR EACH EPISODE ****/# treasure_1, , , , , , , , , , , , , , , {background:!important;}
, , , , , , , , , , , , , , , {background:!important;}
, , , , , , , , , , , , , , , {background:!important;}
(I've edited some of my lines out, as there's a lot in my coding - nut this is the basics you'd need to get it to work).
The "two rows" section is where you define the first row of the treasure (so treasure items 17-24 are my top line, then 25-32 are on the line below that). And the "border for each" section was just to add a black box around those two lines to help show that they are part of the same section - because I've got spacing between the items, that shows the black background between the items as well.

Oh my god, thank you! I'll figure out some way to do titles. Will I have to update the code each time I add a new item in?
[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]
The way I did my coding, was allow for a certain number of treasure items (or lines) per section (I went over the number I had in there at the time) - then I only have to update the coding if I go beyond that number ;) But yeah, if you go above the number in the coding (like the the two at the very end of Dr Watson's treasure), then the items will just make an extra new line with no additional spacing.
The only other thing you'll have to do when adding in new items, is to just rearrange the treasure chest to make sure they're all in the right category, otherwise all the new additions will be either at the beginning or very end ;)

I'm not sure what I'm doing wrong exactly (I'm a total noob at coding) but it keeps going weird like this: https://subeta.net/petinfo.php?petid=5872793
I can't get a border around the first lot of items at all, and the others are all messed up. Not sure if it's because of the free profile I'm using or what
[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]
how many treasure chest items are on one line on the profile you were using? (at the moment it doesn't look like you've got any profile coding on there), or how many do you want on one line?
This coding should work to give you 6 items per line:
{
width:450px !important;
height:750px !important;
padding-left:1px; padding-top:1px; padding-right:4px; padding-bottom:4px;
margin:0px;
overflow: auto;
background: transparent;}
/***** TREASURE ITEM (CHANGE IMAGE SIZES AS NEEDED, BUT KEEP THEM SQUARE!) *****/ .treasure_item {margin-left:-2px; margin-right:-2px; margin-bottom:0px; margin-top:-3px; padding:4px;} .treasure_item, .treasure_item img {width:64px !important; height:64px !important;}
/**** TREASURE SPACINGS - ADDS A SPACE ABOVE THE LINE OF TREASURE ****/ , , , , , {margin-top:15px!important;}
, , , , , {margin-top:15px!important;}
, , , , , , , , , , , {margin-top:15px!important;}
/**** TREASURE SPACINGS - BORDER FOR EACH SECTION ****/ , , , , , {background:!important;}
, , , , , {background:!important;}
, , , , , , , , , , , {background:!important;}
[edit] edited to add in a missing / (oops!)

realised I posted the wrong link sorry: https://subeta.net/petinfo.php?petid=5872793
this is the code:
{width:365px; margin-left:12px; margin-top:3px; border-radius:0px 0px 10px 10px;}
.treasure_item {padding:4px;}
/**** TREASURE SPACINGS - TWO ROWS FOR ONE EPISODE ****/
, , , , {margin-top:15px!important;}
, , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , {margin-top:15px!important;}
, , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
**** TREASURE SPACINGS - BORDER FOR EACH EPISODE ****/ , , , , {background:!important;}
, , , {background:!important;}
, , , , {background:!important;}
, , , {background:!important;}
, , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
I managed to fix a bit of it after reading what you said, but still unable to get it exactly right
Just saw your new code so I'll give that a go
[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]
you're almost there - you just need to make sure that each "treasure_" bit starts with a # and ends with a , apart from the last one in the line (if you have the wiggly bracket
{
then there's no comma before it.
Basically if there's no comma, then the computer just reads that bit with the next part, doesn't understand it and ignores it!
I will admit that missing commas & semicolons tend to be the main problem whenever I code anything!
[edit] and there's a / missing (which is my fault!) - if you try:
{width:365px; margin-left:12px; margin-top:3px; border-radius:0px 0px 10px 10px;}
.treasure_item {padding:4px;}
/**** TREASURE SPACINGS - TWO ROWS FOR ONE EPISODE ****/
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
/**** TREASURE SPACINGS - BORDER FOR EACH EPISODE ****/ , , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;} </style> then it should work :D

Okay, that code finally got the first set of items to be bordered (yay!) but there's still a space between all the lines so they're not really separated as categories like yours are (first two rows joined together, next two rows joined, etc). Do you know how to fix that? Sorry to keep bothering you
[img align=right]http://s12.postimg.org/9vak97rsp/00az0z8t.png[/img]
for that, you just need to tweak the coding a little - you see in your coding where you have
/**** TREASURE SPACINGS - TWO ROWS FOR ONE EPISODE ****/
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
That's telling it to give a space of 15 pixels above every row.
To get it to allow two rows with no gap in between, you need to remove every other line - so take out the one starting treasure_6 and the one starting treasure_ 16 (and so on) :)
....that would give you:
{width:365px; margin-left:12px; margin-top:3px; border-radius:0px 0px 10px 10px;}
.treasure_item {padding:4px;}
/**** TREASURE SPACINGS - TWO ROWS FOR ONE EPISODE ****/
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
, , , , {margin-top:15px!important;}
/**** TREASURE SPACINGS - BORDER FOR EACH EPISODE ****/ , , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
, , , , {background:!important;}
