Yeah I do have an idea! Are you familiar with Fallout? I want to make the sections of the Pip-Boy the pages of his profile.

So the STATS button would be the main page with pet image/minion/etc, ITEMS would be his treasure, and DATA would be description. I can take the screenshots I need from the game and edit them myself, but other than that it'll be trial and error (and a lot of google). The main part I'm not sure about (besides all of it, lol) is how to get the buttons where I need them to be and how to get the pages to scroll.

I made a few edits to my original post, I added a little guide to the colors on my anchor link profile (hopefully that can be helpful), and some links to helpful websites for color palettes.

I love Fallout! Fallout 3 is the only game besides Skyrim that I've ever 100%'d. c: Honestly I've never really worked with image links before. I feel like I might have an idea for how to do this, but I'm not totally sure, and I do have to admit I have some questions about the specifics, hah. I got distracted yesterday but I'll shoot you a mail in a few hours when I'm back on, or you can send me a mail if you had anything more in-depth for this? And we can figure things out from there. c:

Thank you so much for the template. I've been trying to figure out how pet profiles in Subeta have worked out for quite some time and your templates, especially the first simple centered profile, helped out a lot! I'm currently using it as a basis to customize my pet, Burma's profile. Thank you so much once again!

!!! I'm so stoked that you're using it as a base and adding a lot of customization, that's awesome! I'm so glad my template could be a good help. Burma looks fantastic, I love what you've done with everything. :D

Hi! First off thank you so much for these lovely codes, I'm really enjoying using and playing around with them; absolutely fantastic work!

I actually wondered if you could help me with two things, though. I'm a novice at best so these may be obvious or simple things but I just can't figure it out;;

The other thing was I was wondering if there was a way to change the like heart to change to a colour other than red when clicked. I saw .icon.heart.red in the code but messing with that doesn't actually change anything as far as I can tell. So I'm at a total loss aha;;

Thank you so much! I'm glad you're getting use out of them.

Oh, I'm glad you got something figured out that works! For the record, the way I did the element was to put in a lot of padding at the top, to move the buttons (which are the only thing technically contained in the element itself) below everything else rather than having the buttons individually positioned. I mostly did that because the original way I had done the coding, I had the left column separated into two elements, which worked for solid color backgrounds for the column, but wouldn't have correctly displayed a gradient background or background image, if someone wanted to use that. So changing the padding-top value would also have worked!

Oh my god lol how did I overlook that... I guess this is what I get for not 'liking' my own dumb pets to test it out... Okay yeah so if you make the color important, it should change. I changed Amithi's profile to say this instead-a:link, a:active, a:visited, .icon.heart, a h3{color: } a:hover, .icon.heart:hover{color: } a h3:hover{color: !important} .icon.heart.red{color: !important} And that worked. (I moved the 'a h3:hover' and also made it important to keep the hover color change for pet friend names but make it so that if the pet had already been 'liked' the heart icon color wouldn't change on hover, which is what would happen if you had the .icon.heart:hover color set to important, but you don't need to do that if you don't want to haha.)

Thanks for letting me know about this, I'll have to fix this and then edit my original post and code link!!

Ooh, thank you for explaining it! I've been tinkering and using this for another pet as well so that's really good to know! (Also, fwiw, I used the friend section as a discography for my band-themed fanpet and it works beautifully! I'm still working on all the content but here, if you wanna check it out!

Aw it's fine! I just assumed it wasn't a high priority-- glad I could help though! And thank you, that code works beautifully! ;u;

Look i spent today putting together a layout and editing the code for Keynan's profile! :3

Using dropdowns this time since there are still lots of space for them to extend. Oh, and is there a way to hide the spotlight completely when not hovered? Idk why but in my screen, the trophy's kinda peeking out a little bit :o

No problem! Oh man that looks amazing, I love what you did with the layout o I would never have thought of using the friends section for something like that, what a cool idea!

Awesome, he looks good! :D Do you mean making it so you can't see any of the trophy unless you hover? You should be able to do that by adding a margin to the image. .pet_spotlight img{margin-top: 10px}

(I do recommend changing the positioning for everything to go by either the top or bottom, though, because the dropdowns are aligned a little too high on my normal screen resolution ;; If your mobile resolution is different than your computer screen's, it might be a good idea to double-check your layouts with that?)

Yeah thats what i mean, thanks! The dropdowns looks okay in my computer screen but its wayy too high in my phone :| I think im gonna edit it later! But i honestly have no idea how to make it work for both screen resolutions ha

No prob! c: Haha it's kind of hard to explain, but it should be fine if you make sure that everything is aligned to either the top or the bottom, and don't have a mix of both! Like.. okay, so you know how my first try at Gwyn's profile didn't display right when you had the background image aligned to the bottom, because I had everything set to be aligned based off the top? It's because on larger screens, there are more pixels between the very top and the very bottom of the screen. So on a larger screen resolution, when you have the background image aligned to the bottom, something set to a top value of 100px will be farther away from the background image, than something on a smaller screen resolution, because the larger screen resolution has more empty space that the background image doesn't cover. Does that make any sense?

umm i got them in the right position but they turned to dropups

Oh, yeah, the dropup thing is because of the way the hovers were done and the positioning all being aligned to the bottom of the page. The hovers are done by giving the element a really small initial height and increasing the height when you hover over it. When something aligned to the bottom of the page is made taller, it grows upward. If something is aligned to the top of the page and gets made taller, it grows downward. So that's why there's a dropup vs a dropdown effect.

I'm unfortunately not really sure if there's a way to fix that outside of repositioning everything to be aligned to the top orz;

so if i change the bg to be upper left aligned, they'll turn to dropdowns? I think i'll just do that lol. More repositioning to do :o Tysm again for your help!

Ahh your layouts are amazing <3 thank you for the free code. I've been using the tab style on

Hi! Sorry to bug you again but I'm having some issues and fear I totally broke something aha;;

I also didn't touch or mess with (as far as I know) the treasure tab but that's not working either. It just defaults to the page with the star like the anchor links I tried to add do.

(In case you need to see the code I tossed it up on pastebin in case it makes it any easier.)

Any help would be greatly appreciated, as I really cannot figure out what I've messed up/am doing wrong. Thanks! (And thank you again for these lovely codes, omg)

You're welcome! I hope the explanation helped with making these things make some more sense lol and is helpful with future pet profile projects. : Db

Thanks, and you're welcome! ^^ I love what you've done with her, wow!! She looks amazing.

Oh my god I love what you're doing with her, that's so great. The pastebin helped a ton (so much easier to read), thank you! Yeah, so it looks like you did everything correctly in the CSS; this appears to be a case of every profile-maker's easy-to-overlook nightmare, the unclosed HTML tag. :') Adding