Replies

Apr 15, 2018 7 years ago
Para
is lonely
User Avatar
Alazani

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


Apr 15, 2018 7 years ago
The Cursed
chi
User Avatar
Biene

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 :)

Apr 15, 2018 7 years ago
Para
is lonely
User Avatar
Alazani

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


Apr 15, 2018 7 years ago
The Cursed
chi
User Avatar
Biene

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

Apr 16, 2018 7 years ago
Para
is lonely
User Avatar
Alazani

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!!


Apr 18, 2018 7 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

you can add a margin to the statbars to scooch them a little further from the text like so:

.statbar {margin-top: 5px}

Apr 18, 2018 7 years ago
Para
is lonely
User Avatar
Alazani

ooooh. Thank you!


Please log in to reply to this topic.