Results 1 to 5 of 5

Thread: CSS Help Request

  1. #1
    Kawaii's Avatar
    Joined
    Sep 2014
    Posts
    812
    Userbars
    17
    Thanks
    457
    Thanked
    625/280
    DL/UL
    160/0
    Mentioned
    131 times
    Time Online
    206d 19h 5m
    Avg. Time Online
    1h 25m

    CSS Help Request

    Hey everyone - is it possible to have a image placed over your neopet on your userlookup?
    I'm not looking to change entirely... just add a "filter" so to say using an image like this which has opacity:


    I can't find any help using google to save my life :') I've only gotten it to go behind the neopets... and changing the z index isn't moving it in front.


    Any help is much appreciated thank you!

    ✧・゚: *✧ (you need an account to see links) ✧*:・゚✧


  2. #2
    *squeak*
    Bat's Avatar
    Joined
    Nov 2012
    Posts
    4,036
    Userbars
    153
    Thanks
    2,147
    Thanked
    46,344/3,558
    DL/UL
    34/1
    Mentioned
    1,751 times
    Time Online
    644d 29m
    Avg. Time Online
    3h 42m
    You could potentially hide your pet's <img> elements, set the height and width of the <a> elements to 150px, then set the background-image of those <a> elements to off-site images of your pets (hosted on a site like Imgur).

    You can't directly apply effects to the img elements anymore. The css filter property is blocked by the Neopets validation code, and because it's woefully outdated, that same validation code blocks modern css alternatives because they're unrecognized. Using position: absolute and moving elements around can get messy, and I'm not sure if that's allowed anymore because of the rampancy of its misuse back in the day.

  3. #3
    Kawaii's Avatar
    Joined
    Sep 2014
    Posts
    812
    Userbars
    17
    Thanks
    457
    Thanked
    625/280
    DL/UL
    160/0
    Mentioned
    131 times
    Time Online
    206d 19h 5m
    Avg. Time Online
    1h 25m
    Quote Originally Posted by Bat View Post
    You could potentially hide your pet's <img> elements, set the height and width of the <a> elements to 150px, then set the background-image of those <a> elements to off-site images of your pets (hosted on a site like Imgur).

    You can't directly apply effects to the img elements anymore. The css filter property is blocked by the Neopets validation code, and because it's woefully outdated, that same validation code blocks modern css alternatives because they're unrecognized. Using position: absolute and moving elements around can get messy, and I'm not sure if that's allowed anymore because of the rampancy of its misuse back in the day.
    ah yes that would take a little more work but i can see that working. I just wasn't sure if it would be possible to have a different image that way for every single one of my pets.
    Unless I just made one large image with all of them that lined up where they are positioned and use it as a background. was hoping there would be a cleaner way!

    ✧・゚: *✧ (you need an account to see links) ✧*:・゚✧


  4. #4
    *squeak*
    Bat's Avatar
    Joined
    Nov 2012
    Posts
    4,036
    Userbars
    153
    Thanks
    2,147
    Thanked
    46,344/3,558
    DL/UL
    34/1
    Mentioned
    1,751 times
    Time Online
    644d 29m
    Avg. Time Online
    3h 42m
    Quote Originally Posted by Kawaii View Post
    ah yes that would take a little more work but i can see that working. I just wasn't sure if it would be possible to have a different image that way for every single one of my pets.
    Unless I just made one large image with all of them that lined up where they are positioned and use it as a background. was hoping there would be a cleaner way!
    Unfortunately, the Neopets team has ruined these sorts of customizations by not updating their validator since 2005. Players usually side-step direct element manipulation by hiding their #userpets <div> element and building their own pet list somewhere in their user description. It still wouldn't allow you to use filters and so on, but at least you'd have direct control of the appearance of your pet image sources and links.

  5. The Following User Says Thank You to Bat For This Useful Post:

    Kawaii (12-22-2019)

  6. #5
    Kawaii's Avatar
    Joined
    Sep 2014
    Posts
    812
    Userbars
    17
    Thanks
    457
    Thanked
    625/280
    DL/UL
    160/0
    Mentioned
    131 times
    Time Online
    206d 19h 5m
    Avg. Time Online
    1h 25m
    Quote Originally Posted by Bat View Post
    Unfortunately, the Neopets team has ruined these sorts of customizations by not updating their validator since 2005. Players usually side-step direct element manipulation by hiding their #userpets <div> element and building their own pet list somewhere in their user description. It still wouldn't allow you to use filters and so on, but at least you'd have direct control of the appearance of your pet image sources and links.
    totally. it sounds like I'll be doing the same thing. Thanks Odd! Glad I asked so I could move on instead of driving myself nuts trying to figure it out xD

    ✧・゚: *✧ (you need an account to see links) ✧*:・゚✧


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •