I'd like to edit Alazani's stat bars a little, but I didn't see anything after browsing some threads for a few pages. (I could have missed it somewhere so I apologize if that's the case lmao)
I'd like to increase the space between the numbers and the bars themselves or maybe even just make the bars thinner, if possible. I'm afraid of breaking everything I've already got lined up if I start trying to experiment by myself lmao
hey!
if you want to edit the stat bar and its letters/numbers, you need to use the tag
{ }
and
.statbar { }
to change the stat bars itself (the height you want to change, or even its color, just use
.statbar div.stat { }
so for example
{
letter-spacing: 0.1em;
}
.statbar {
height:6px; width:100px;
overflow:hidden;
border:1px solid ;
border-radius:5px;
}
.statbar div.stat { background-color:; height:6px; }
this will give you some space between the letters/numbers, the border around the statbar has rounded corners and is black, filled with the light blue from the background, everything a bit smaller - try it out :)
ooooh Those are cute, thank you!!
Is there a way to like...increase the space between the text and the bars themselves? Like shift the level, health etc. slightly up and away from the bars, if that makes sense.
either way I'll have to play with it more when it's not 5am lmao
since we changed the height of the stat bars, the text also should have some space between the bars :) Give it a try and you'll see if that's enough for you
I must have some other code that's keeping it from working properly because it works on one of my unedited profiles. I'll get it figured out. Probably just something I forgot to remove from the template I threw together bc he's one of two pets I'm leaving the stats on lmao
Thank you again!!