Pet profile help
Replies
My Question: Is it even possible to add a border around a pets minion image like you can with their treasure box items?
Maybe I'm just stupid and missing the obvious answer, but at this point I'm frustrated enough to actually post my plea for help. Because nothing I've come up with or have tried to muck out has worked so far, and I haven't seen anything for my issue in other posts/topics I've searched through. I want a solid matching color border around my pet Lossoth's minion image like his treasure box items have. At this point I'm thinking that short of trying to figure out how to add a solid color block on my actual bg image in the exact spot that it's impossible.
So yeah, I'm at a loss here. Any ideals or help would be much loved and appreciated! I'm going to give myself an aneurysm or something at the rate that I'm going by trying to figure this out on my own lol! annoyed huff 😾
have you tried adding a border to img? like this:
img {border: 4px solid }
also, i noticed you've got columns 2 and 3 set to an opacity of 1 but you've also given them an opacity filter? i think that's causing them to flicker erratically. do you want them at full opacity, or partly transparent?
also also i would recommend changing their positioning from 'fixed' to 'absolute'.
Oh dear lord, I'm such a idiot! 😅 But thanks to you I figured it out. This works for anyone else that "is, was, or will be" having my issue.
img {border: 4px solid ;}
img:hover{border: 4px solid ;}
And oops.. Didn't even notice that I mucked that up too! 🙀 I'm not very good at CSS (pretty obvious right? 💫) That explains that off bit, good gravy.. Anyhow yeah I was going for full opacity.
Absolute does bad things to my positioning that I can't muck out? Like my stat bar straight up goes MIA when I try to re position it and it forces everything into my desc box area. 😖
Seriously thanks so much for the help and for pointing those things out to me Frenchi.. I'm still learning, so every bit helps! 😺
glad to help, though i'm still seeing the flickering issue, which i think may have to do with the positioning - scrolling will randomly make columns 1, 2, and 3 jump around the page. try this code instead:
<style>
, -ban, -ban-main, -lrc, -rrc, , , -right, , , , .bookmark, , , .prototip, , .hustler, , , a, , .pet_spotlight, , .statbar, , , {display: none}
*{margin: 0; padding: 0}
.notice {background: none; border: 0}
.container-fluid {margin: 0px}
, , { background-color: transparent; height: auto!important; font-size: 12px; font-family: arial, sans-serif; color: black; text-align: justify}
i, b, strong {color: black} u {color: black; border-bottom: 1px solid black} a, a:link, a:active, a:visited {color: black; font-size: 11px; font-family: times new roman, serif} a:hover {color: ; font-family: arial, sans-serif}
html { margin: auto!important; width: 100%; height: 100%; background: url(https://i.imgur.com/iiVbgJm.png) black no-repeat center top fixed}
body { margin: auto auto; width: 1000px; height: 650px; overflow: hidden}
, , {margin: 0!important; padding: 0!important}
{ position: relative; left: 370px; top: 60px; min-width: 400px; height: 550px; overflow: visible}
{ position: absolute; right: 450px; top: 200px}
{ position: absolute; right: 800px; top: 110px}
.pet_name {position: relative; top: 10px} .pet_like {position: relative; top: 5px}
{ position: absolute; right: 455px}
{ position: relative; left: 20px; width: 400px}
{ position: relative; top: 20px; padding-left:70px!important; width: 330px; height: 335px; overflow: auto}
h2 {margin-bottom: 5px} .treasure_item {margin-top: 3px; margin-right: 14px}
img, img {border: 4px solid } img:hover, img:hover {border: 4px solid } img {margin: 5px}
</style>Lossoth always dreams of the full harvest moon. Through he is still young, he hopes to become one with the reaping season. So he will wait, and bide his time until his dreams become his reality and the beloved season yet again, comes to pass.
Morostide & Fireside are obviously his favored holidays. He spends all of his free time wandering around Jaxon Skellys pumpkin patch. All of the misty hidden patches rather questionable inhabitants are quite nonchalant with his roaming their home at this point. Even the more timidly reclusive and shy dwellers have become so accustomed to the sight of him, that they no longer bother to cower nor hide these days.
Credits
Slap dash coding & artwork not sourced from Subeta:
🙀 Ah you're a miracle worker! Thank you so much darlin, very much appreciated and also credited. 💖 If you get bored or wouldn't mind, would you give my Scais' profile a quick look over? Lord knows he's prolly a big ole mess too most likely. 😖
I like to think that I'm okay with making cute & unique artwork, but the actual coding? Not so much.. 😅 If you'd like some of my art for one of your own pets profiles, please just ask anytime. Just tell me which pet, general idea of how you want it to look, and any add on features. 😸 Seriously! it's the least I could do for the freely given help that I very much so needed in a bad way lol