Home» Forum» Site Feedback» something to protect profiles better from any identity thief

something to protect profiles better from any identity thief

Back to Site Feedback

I tried to implement this bit of code in my bio 

<style>

  .clickable-img {

  pointer-events: auto;

     }


.protected-img {

 pointer-events: none;

 -webkit-user-drag: none;

user-select: none;

}

</style>

it's supposed to make it so that the images signed as clickable ones can be dragged off on your desktop or even saved, and the protected ones to be untouchable (cannot be saved or dragged on any desktop!) but it doesn't seem to work here :( 

I would like the pics of me to not be downloadable by anybody if possible 

Make your own web page! Make your own corner on the internet!

the matildenet with tamagotchi
This reply was deleted.

ignore the blank post above, forum ate the css when i pasted it. should be fixed now.

your bio css was never gonna work here anyway:

1) style tags in bio/interests get stripped
2) class on img tags gets stripped too

put the css in Manage Profile > Advanced CSS / Layout (bottom of the box is fine).

paste this:

body.profile-page .protected-img img,
body.profile-page img.protected-img {
    pointer-events: none !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

body.profile-page .clickable-img img,
body.profile-page a.clickable-img img {
    pointer-events: auto !important;
    cursor: pointer !important;
}

then wrap pics you want locked down like this (div class survives, img class does not):

<div class="protected-img"><img src="YOUR_IMAGE_URL" alt=""></div>

that stops drag/save on desktop and long-press save on mobile for those images. people can still screenshot if they really want to, but casual right-click save is blocked.

Thank you!

Make your own web page! Make your own corner on the internet!

the matildenet with tamagotchi

You must be logged in to reply.