I love the animated stripes! Is there any way to make them different colors? And where is it at in the code if I'd be able to copy and paste it to different templates? Also saw your bio has a spinny gear, I've been looking for a code with spinny stars ^3^
the stripes are the progress-bar-striped and progress-bar-animated classes, and you adjust the bg color by changing bg-secondary to another bootstrap color ("card background" in the quick replace section) ! and here's a quick ref for the bootstrap colors if you need!
as for the spinning icon, you should be able to use the class fa-spin to make things spin (more fa animations here!), you can see it all in the code i have here! - i think i've seen some other codes around with spinning stars, but i can't seem to find them right now
you need to change where it says "secondary" in "bg-secondary" to one of the other boostrap theme colors like listed in the link - success, warning, etc. ! these mean the color will adjust with the user's theme so if you change it to say, primary, it'd be blue for users with the default toyhouse theme and yellow for users with the bee theme c:
as far as im aware, there's no way to set a custom color with the same method - i'd do some testing to see but i'm at work right now 😅 for now i'd say the easiest way to achieve the same effect with only html is to make a gif to set as the bg, but that's a whole different skill
ITS THAT SIMPLE FOR REAL?? i swear i tried something like that and it didnt work for me OTL (tho ig i totally forgot to take another look when i was home from work--)
METALOCALYPSE
f2u . pupa chow
I love the animated stripes! Is there any way to make them different colors? And where is it at in the code if I'd be able to copy and paste it to different templates? Also saw your bio has a spinny gear, I've been looking for a code with spinny stars ^3^
1 year, 9 months ago Edited 7:04 pm
the stripes are the
progress-bar-stripedandprogress-bar-animatedclasses, and you adjust the bg color by changingbg-secondaryto another bootstrap color ("card background" in the quick replace section) ! and here's a quick ref for the bootstrap colors if you need!as for the spinning icon, you should be able to use the class
fa-spinto make things spin (more fa animations here!), you can see it all in the code i have here! - i think i've seen some other codes around with spinning stars, but i can't seem to find them right now1 year, 9 months ago
OOO how cool!! Thanks so much, I'll try em out 👀
1 year, 9 months ago
Hmm when I change the color the stripes turn grey/black
1 year, 9 months ago Edited 8:23 pm
which color are you changing it too? :0
1 year, 9 months ago
Not quite sure where to change the color(s) I was adding a hex code in random spots to see if it’d change or not haha
1 year, 9 months ago
you need to change where it says "secondary" in "bg-secondary" to one of the other boostrap theme colors like listed in the link - success, warning, etc. ! these mean the color will adjust with the user's theme so if you change it to say, primary, it'd be blue for users with the default toyhouse theme and yellow for users with the bee theme c:
as far as im aware, there's no way to set a custom color with the same method - i'd do some testing to see but i'm at work right now 😅 for now i'd say the easiest way to achieve the same effect with only html is to make a gif to set as the bg, but that's a whole different skill
1 year, 9 months ago
1 year, 8 months ago
Thanks ^^ I can experiment with it again
1 year, 8 months ago
ITS THAT SIMPLE FOR REAL?? i swear i tried something like that and it didnt work for me OTL (tho ig i totally forgot to take another look when i was home from work--)
thank you so much for sharing !! ^u^
1 year, 8 months ago
1 year, 8 months ago