Hi Folks,

I was working currently on a pet layout for you guys to have something simple but fancy free to use. You can adjust the colors easily and also hide sections if you like. I tried to explain everything in the code. So please read very carefully.

The code you can finde here: https://pastebin.com/a2GfZRqe And an example you can find here: [pet not found] with the code just like it is. I will later customize it later, as I personally don't need the stats and the legacy name, but for now you can see the resolut of the code just as it is now. Story, Pet Treasure, Pet Friends and Pet Stats are scrollable sections, due to aesthetic reasons, there is no scrollbar visible. I'd suggest to leave the Pet Image, Treasure as well as the Tags white, as it nicely blends together with the images provided by subeta. However it is of course up to you how you'll design your Pet Profile .

If you use it, please credit me and if you could show me the result once you customized it for your darling, I'd be super happy to see.

Have fun!

(I really hope there are no errors in the code, if you detect anything what went wrong, just ping me.)

Cool

Awesome! Can't wait to see the finished profile! :-)

As a little example for everybody how to block out a certain section:

This is the complete line in the code: / {display:none;}/ /---If you don't want to display the STATS of your pet, delete the / * before the and the * / after the } to deactivate this section--/

If you want your stats to disappear just follow the instructions as told and you would end up with this: {display:none;} /---If you don't want to display the STATS of your pet, delete the / * before the and the * / after the } to deactivate this section--/

Same goes for the pet friends and the legacy name.

Other than that you would just need to go through the code and adjust the colors. Don't forget the semicolon at the end of these lines or it would mess up with your code.

If anything goes wrong or you need help, please don't hesitate to contact me! ;-)

:) This looks really cool! I'm slowly working on different pets profiles, but I'd like for them to not all look the same. I think I would really like to use this as it is if that's okay. (with the legacy and stats) I just have to figure out which pet to work it with. ^_^ Thank you!

of course it is okay, :-) I'd be happy to see your version of this profile for your pet. ;-)

I am using this on my twins Fascinate and Exam's profile.

Thanks for telling me. I love your twins! :-)

And by checking your profile I also noticed a minor error in my code as well, regarding the minion and the spotlight tab. you guys might also be interested) You can change the code manually if you don't like to re-do all the color changes again.

Changes are as followed. in the section .pet_spotlight and cange the line padding: 10px to padding: 20px 10px 10px 10px;

in the section .pet_spotlight:hover the line top: 364px; to top: 350px;

in the section :hover cange the line top: 377px; to top: 360px;

This just looks a tiny bit nicer. I also changed the code in my pastebin file and in my display pet ;-)

Thank you I made the changes and it does appear nicer.

Hi! Congrats on spotlight win!! So i tried to use the code and all it did was leave a bunch of text on my pets profile, didnt code it at all? I must be doing everything wrong? Just copied/pasted, didnt edit at first

Hi and thanks a lot :-) Can you show me the pet you tried the code with? If I could see what it gave you as result I could most probably figure out what went wrong. ;-)

Thanks for creating this for us code challenged individuals! I'm using this on

I'm very happy to see my code in use! Ciego looks alread so promising. And to your question: Yes it is possible, but it requires extra code. Currently I'm just a few days before the release of my latest novel and I'm kinda short in time, however it gets a bit calmer on my side, I'd be happy to create you this extra piece of code. And please if I'm not responding anymore until the end of the year, ping me and remind me to do that, I'm so so so forgetful sometimes! :-D

Oh my, a novel? Congratulations!
I'm more than willing to wait for any code help, take your time. (It'll likely take me past the end of the year to finish his story and art...) Thank you.

Thanks a lot! :-D HoweverI'm writing only in German so most of you guys here on subeta won't be even able to read my stuff. As I'm self-publishing it's a ton of work behind the scenes and I'm currently drowning in things I still need to do. But as soon as the first wave is over I will come back to you, no problem. <3

Thank you so much for this! I have set it for my pet

you're very welcome <3 I am super happy that the profile is easy to use, as this was my intention. Coding isn't super easy, so if you have any questions, feel free to ask. I'm looking forward to see your pea is already looking super fun <3