i made this kindasorta quickly to finally get a head start on my pets and thought i'd share! it's as good as a temporary profile or you can customize it a little. most of my pets are using it now/can serve as examples since they didn't have anything on their profiles previously.
i used > < <-- these things in my code which subeta doesn't like so i had to link it out to a separate style sheet as a workaround. it's not really a downside or anything unless you want to see the code (which you can do anyway by going to the url, but i didn't clean it up at all so beware), but to use it, here's the code:
not much to customize, but a few things (ex. stat bars, tooltip hover):
as far as rules go, just basic etiquette is good ex. not removing the /* noemi @ subeta */ part! i (and probably anyone) would appreciate going by the rules fantastically laid out in chen's thread though! the thread also has links to good resources on css as well if the second code block feels harder to understand.
i really doubt anyone would bother with the tooltip but if you do, please don't outright copypaste it/use it for comms because it was a bitch to figure out back when i was a snail at coding anything ahaha ;^; also it's v ugly/messy but yeah otherwise that's about it that's my only petty wish!!
Would you mind if I tried to play around with this a little bit? :3 Trying to learn coding myself. Also how would you hide the stat bars?
sure, by all means go ahead! c: only the stat bars, or the stats in text (ex. Level: 11) as well?
all of em, if possible. I've been messing around with it. But, when I try it breaks xD
eep, i'm not getting your pings--it's noemi by the way! the e and o are switched ;v;
hide statbars only:.statbar {display: none;}
hide stats and stat text: li {display: none;}
, , {display: inline-block !important;}
hide entire statistics block: {display: none;}
Do you still have the code for this? It's disappeared for me from the first post, for some reason D:
I am going to try this with ricochet I'll play around with it some if you don't mine?
Actually, I am a little confused. The coding you supplied doesn't match up with the profile references given.
Holiday Clickables
| |
When I copy/paste the code without making any changes, it turns out like THIS. Looks nothing like either example. What am I doing wrong? xD I really wanna use both of the profiles you posted haha
same like others, one of them doesn't show up properly as of right now u_u i am also trying to (re)learn to code, and i am glad you don't mind that we fiddle around a little bit! how keen are you to the idea of getting paid to sort of customize this a little further more? i would hire you basically to change it just enough to my own personal tastes, and to have the code to play with, if you'd want to n_n i used to make my own web pages back in the late 90s to early 00s but now i am old and lazy and this why, i think it would totally motivate me and refresh my memory!! ❤️
, , : Noemi's code works fine for me. You can take a look at my pet Pocketful. Looks like you have copied only the pet stats styling part of the code. If you click on the first link and copy the first two lines of the code it should show up exactly as 's examples, minus the description and minion I believe. The second link is code to customize the first layout further to achieve what you see in her second example.
: Thank you so much for this code. Both profiles look lovely. I really like the crisp and clean feel to it. ^^
as maskros said, you have to copy the codes from both links ;v; and -- i would be up to customizing it if you are still interested! so long as it doesn't involve graphics haha..
i'm glad you like it and i'm happy to see it being used!! o thanks too for helping with the explanation.
ooh great!! and no haha gosh i want something soooo minimal!! XD thanks for getting back to me, i will sMail you tomorrow so we can discuss details!! :3
thanks for taking the time to make this, i used it on my pet bamf, with some minor altercations.
the layout for this is great, if you ever open profile commissions in the future hmu
I love this!! If I wanted to make the boxes bigger though, how would I edit the code? I know it's linked so would I have to make a new link? Maybe it'd be more trouble than it's worth haha, I just wanted to make the description a little bigger/easier to read.
(art by KayBit on Dappervolk)ahh i'm glad you like it!! simply add this underneath the code (but still between the style tags): {min-width: 410px; width:410px;}
change both values to whatever you wish (just make sure they're the same)! i just happened to have it at 410 on one of mine, which makes it slightly wider.