Even with “show NSFW” content turned on in settings, images are blurred by default until we click on them. Can we turn this off?

  • Triple Underscore
    link
    English
    33
    edit-2
    1 year ago
    1. Download https://addons.mozilla.org/en-US/firefox/addon/styl-us/ (or whatever the chrome link for it is)
    2. Open the popup
    3. Click the lemmynsfw.com part of the address under Write style for (otherwise it’ll use the full URL and won’t apply to the all the site)
    4. Paste this in:
    .img-blur {
      filter: none;
      -webkit-filter: none;
      -moz-filter: none;
      -o-filter: none;
      -ms-filter: none;
    }
    
    • @yayA
      link
      English
      41 year ago

      That’s nice solution. But I needed to add !important to end of filter to make it work.

      For userscript usage (with greasemonkey, tampermoney etc.):

      // ==UserScript==
      // @name lemmynsfw no blur
      // @description lemmynsfw no blur
      // @match https://lemmynsfw.com/
      // @grant GM_addStyle
      // @run-at document-start
      // ==/UserScript==
      
      GM_addStyle(`
        .img-blur {
          filter: none !important;
          -webkit-filter: none !important;
          -moz-filter: none !important;
          -o-filter: none !important;
          -ms-filter: none !important;
        }
      `);
      
      • God
        link
        English
        7
        edit-2
        1 year ago

        modified it so that it also unblurs inside communities: (added * after the url)

        // ==UserScript==
        // @name lemmynsfw no blur
        // @version 1.1
        // @description unblur
        // @match https://lemmynsfw.com/*
        // @grant GM_addStyle
        // @run-at document-start
        // ==/UserScript==
        
        GM_addStyle(`
          .img-blur {
            filter: none !important;
            -webkit-filter: none !important;
            -moz-filter: none !important;
            -o-filter: none !important;
            -ms-filter: none !important;
          }
        `);
        
        • @FreePussy4All
          link
          English
          91 year ago

          Modified your modification to also improve the size of embeds (ie redgif content)

          // ==UserScript==
          // @name lemmynsfw no blur and embed size tweak
          // @version 1.2
          // @description unblur
          // @match https://lemmynsfw.com/*
          // @grant GM_addStyle
          // @run-at document-start
          // ==/UserScript==
          
          GM_addStyle(`
            .img-blur {
              filter: none !important;
              -webkit-filter: none !important;
              -moz-filter: none !important;
              -o-filter: none !important;
              -ms-filter: none !important;
            }
            div.post-listing > iframe {
              width: 100%;
              height: 26rem;
            }
          `);
          
          • God
            link
            English
            31 year ago

            awesome! will update my install to this :)

        • @yayA
          link
          English
          101 year ago

          Yeah, I was thinking about forking lemmy codebases and making edits on them. But instead of manipulating it on web ui, I think we can add this to account settings so anyone can choose whatever they want. But important than this, we should have bigger image as default and not click each thumbnail to see content.

          • @porn_altOP
            link
            English
            31 year ago

            Yeah that’s exactly what I was thinking too…

    • @Crackhappy
      link
      English
      3
      edit-2
      1 year ago

      Perfect. I came to comment this exact thing, but you already did it!

      Quick edit, to make the thumbnails larger (although a bit pixellated) you can also add this:

      .thumbnail { max-height: none; }

      • @Filth
        link
        English
        11 year ago

        We need to collect all this into a single post me thinks

    • @Filth
      link
      English
      21 year ago

      God tier comment right here.

    • @porn_altOP
      link
      English
      21 year ago

      Nice! Any solution like that for mobile Safari (iOS)?

      • Triple Underscore
        link
        English
        21 year ago

        No idea. The word you should search for in the App Store or wherever is “Userstyles”

      • @the_only_one
        link
        English
        11 year ago

        Mlem app for ios doesn’t blur the photos

      • @Ohhai
        link
        English
        2
        edit-2
        1 year ago

        I can’t get this to work though. I’m not sure what I’m doing wrong. I get a few issues:

        #1 error 1 : 1 Unexpected “GM_addStyle(”. error 1 : 13 Unexpected “". error 13 : 1 Unexpected "”. error 13 : 2 Unexpected “)”. error 13 : 3 Unexpected “;”.

        Edit: turns out OPs code works perfectly and the ones from below just straight up don’t work for me.

    • @DelvianSeek
      link
      English
      11 year ago

      Just want to say thanks for this. I downloaded the Stylus plugin for Chrome and installed it into Edge (which is just a chromium fork these days), added that filter for anything coming from the lemmynsfw.com URL, and it worked like a charm.