Right Click Protection Code

1235»

Comments

  • TammyGPhotoTammyGPhoto Registered Users Posts: 153 Major grins
    edited September 7, 2013
    Try moving the ' up to the same line of code

    Also it's for new SM and needs to be live.


    www.jingleimages.com

    thx!! it works! i tested by hitting preview and i see the message!!

    Ack! i spoke too soon!! not sure what i did, but now all i get is a tiny gray square but no text at all!! i deleted the code box and tried again and got the same thing!!

    code used (same thing as before):
    /* Right Click Protection code */
    /* Your Message */
    .sm-user-ui .sm-right-click-message:after {
    content: 'Thanks for visiting! All photos are © Tammy G. Photography. Most of the photos are available for purchase as prints via the 'Add to Cart' button. Please check out the About page for more info. Thank you!';
    }

    /* To Block SM Message */
    .sm-user-ui .sm-right-click-message .sm-tooltip-content {
    display: none;
    }
  • TammyGPhotoTammyGPhoto Registered Users Posts: 153 Major grins
    edited September 7, 2013
    ok..so i have been having issues with FireFox so i switched to Chrome with a little more luck but not entirely. my text comes up but not all of it...it is truncated. i need some help with the box size next, now that i have it sorta working...anyone?
    /* Right Click Protection code */
    /* Your Message */
    .sm-right-click-message:after {
    content: 'Thanks for visiting! All photos are © Tammy G. Photography. Most of the photos are available for purchase as prints via the 'Add to Cart' button. Please check out the About page for more info. Thank you!';
    }

    .sm-right-click-message .sm-tooltip-content {
    display: none;
    }
  • Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited September 7, 2013
    ok..so i have been having issues with FireFox so i switched to Chrome with a little more luck but not entirely. my text comes up but not all of it...it is truncated. i need some help with the box size next, now that i have it sorta working...anyone?
    Here's all of my code:
    /*CUSTOM RIGHT CLICK MESSAGE*/
       /* Your Message */
      .sm-user-ui .sm-right-click-message:after {
        content: 'All photos copyrighted by Karl R. Martin \A All rights are reserved \A Unauthorized use is prohibited \A Click "Add to Cart" to purchase most photos \A Thank You';
        white-space: pre;
          font-size: 22px;
      }
      /*MAKES BOX COVER ALL TEXT*/
      .sm-right-click-message {
        max-width: none;
        text-align: center;
      }
      /*GETS RID OF SMUGMUG MESSAGE*/
      .sm-user-ui .sm-right-click-message .sm-tooltip-content {
        display: none;
      }
      /*NEEDED FOR SOME THEMES*/
      .sm-user-ui .sm-right-click-message {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: -4px 5px 10px #000;
        color: #000;
      }
    
  • TammyGPhotoTammyGPhoto Registered Users Posts: 153 Major grins
    edited September 7, 2013
    Sir_Eagle wrote: »
    Here's all of my code:
    /*CUSTOM RIGHT CLICK MESSAGE*/
       /* Your Message */
      .sm-user-ui .sm-right-click-message:after {
        content: 'All photos copyrighted by Karl R. Martin \A All rights are reserved \A Unauthorized use is prohibited \A Click "Add to Cart" to purchase most photos \A Thank You';
        white-space: pre;
          font-size: 22px;
      }
      /*MAKES BOX COVER ALL TEXT*/
      .sm-right-click-message {
        max-width: none;
        text-align: center;
      }
      /*GETS RID OF SMUGMUG MESSAGE*/
      .sm-user-ui .sm-right-click-message .sm-tooltip-content {
        display: none;
      }
      /*NEEDED FOR SOME THEMES*/
      .sm-user-ui .sm-right-click-message {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: -4px 5px 10px #000;
        color: #000;
      }
    

    wings.gifbow thx Sir Eagle! it worked awesome!! i did make the font smaller but it works perfectly!! thx!!
  • ParisParis Registered Users Posts: 126 Major grins
    edited September 7, 2013
    Need help code not working
    UPDATE Thanks figured it out.
    Hi all,
    I have been doing okay customizing until now.

    I place all my code in my Custom Theme CSS box and so far all has been good, however, this code does not seem to work for me.

    Any suggestions as to what I am doing wrong.
  • Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited September 7, 2013
    Paris wrote: »
    Hi all,
    I have been doing okay customizing until now.

    I place all my code in my Custom Theme CSS box and so far all has been good, however, this code does not seem to work for me.

    Any suggestions as to what I am doing wrong.
    Try placing the code in a CSS box for the entire site, not in the theme.
  • Jingle ImagesJingle Images Registered Users Posts: 212 Major grins
    edited September 8, 2013
    ok..so i have been having issues with FireFox so i switched to Chrome with a little more luck but not entirely. my text comes up but not all of it...it is truncated. i need some help with the box size next, now that i have it sorta working...anyone?

    The ' ' is what is messing it up. Can't use that. ' is the start and ' is the finish of the text. That's why it didn't work.
  • ParisParis Registered Users Posts: 126 Major grins
    edited September 8, 2013
    /*CUSTOM RIGHT CLICK MESSAGE*/
    /* Your Message */
    .sm-user-ui .sm-right-click-message:after {
    content: 'ALL IMAGES COPYRIGHT RICHARD PARIS PHOTOGRAPHY';
    white-space: pre;
    font-size: 22px;
    }
    /*MAKES BOX COVER ALL TEXT*/
    .sm-right-click-message {
    max-width: none;
    text-align: center;
    }
    /*GETS RID OF SMUGMUG MESSAGE*/
    .sm-user-ui .sm-right-click-message .sm-tooltip-content {
    display: none;
    }
    /*NEEDED FOR SOME THEMES*/
    .sm-user-ui .sm-right-click-message {
    background-color: ;
    border-radius: ;
    box-shadow:;
    color: #ee4a11;
    }

    Hello all... All I want the viewer to see when they Right Click is my Copyright message without a box behind it.
    I have entered the above code but can't figure out what to add to eliminate the box.
  • Jingle ImagesJingle Images Registered Users Posts: 212 Major grins
    edited September 8, 2013
    Paris wrote: »
    /*CUSTOM RIGHT CLICK MESSAGE*/
    /* Your Message */
    .sm-user-ui .sm-right-click-message:after {
    content: 'ALL IMAGES COPYRIGHT RICHARD PARIS PHOTOGRAPHY';
    white-space: pre;
    font-size: 22px;
    }
    /*MAKES BOX COVER ALL TEXT*/
    .sm-right-click-message {
    max-width: none;
    text-align: center;
    }
    /*GETS RID OF SMUGMUG MESSAGE*/
    .sm-user-ui .sm-right-click-message .sm-tooltip-content {
    display: none;
    }
    /*NEEDED FOR SOME THEMES*/
    .sm-user-ui .sm-right-click-message {
    background-color: ;
    border-radius: ;
    box-shadow:;
    color: #ee4a11;
    }

    Hello all... All I want the viewer to see when they Right Click is my Copyright message without a box behind it.
    I have entered the above code but can't figure out what to add to eliminate the box.

    Look at post #1 us css and background color and set to transparent.
  • ParisParis Registered Users Posts: 126 Major grins
    edited September 8, 2013
    Look at post #1 us css and background color and set to transparent.

    Brilliant! Thanks!
  • gschlactgschlact Registered Users Posts: 56 Big grins
    edited October 21, 2013
    please help - all I get is small gray box, no text.
    PLEASE LEND AN EYE.

    I am fully published on New Smugmug and using IE9 for viewing / testing right-click protection (logged out). I am using Chrome (logged in) to make the edits. All I get when I right-click is a small grey box or oval with no text. I log in >> Customize Site >> select Entire sight (right top) >> click on wrench for CSS in main screen area. >> add the following text.

    Can someone please have a look for me? THank you so much for the code and help in advance.

    /*CUSTOM RIGHT CLICK MESSAGE*/
    /* YOUR MESSAGE */
    .sm-user-ui .sm-right-click-message:after {
    content: 'HELLO WORLD';
    white-space: pre;
    font-size: 20px;
    }
    /*MAKES BOX COVER ALL TEXT*/
    .sm-right-click-message {
    max-width: none;
    text-align: center;
    }
    /*GETS RID OF SMUGMUG MESSAGE*/
    .sm-user-ui .sm-right-click-message .sm-tooltip-content {
    display: none;
    }
    /*NEEDED FOR SOME THEMES*/
    .sm-user-ui .sm-right-click-message {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: -4px 5px 10px #000;
    color: #000;
    }
  • einateinat Registered Users Posts: 193 Major grins
    edited October 22, 2013
    I see your RCP message in both g-chrome and IE9
  • gschlactgschlact Registered Users Posts: 56 Big grins
    edited October 22, 2013
    THanks for looking. After 3 hours of trial and error (with nothing I can even see wrong), I got it to work. I am assuming it is Template related, but then again my CSS is not very good.

    THE FIX: the key to getting the Text to appear and be recognized, had to do with the very first part shown below where just establishing the .sm-tooltip let all the rest of the code work as expected. DOES anyone know why? (it doesn't even need the color command which can be commented out and it still fixes and allows the text to show in the box for the RCM. Delete this first part and you get no text showing, and sometimes small box.

    /*CUSTOM RIGHT CLICK MESSAGE*/

    /* THIS FIRST PART IS WHAT FIXED and let the message appear finally */
    .sm-user-ui .sm-tooltip { /* need to set tooltip color diff */
    /* color: red; /* #F00; /* ?RGB */
    }
    /* YOUR MESSAGE */
    .sm-user-ui .sm-right-click-message:after {
    content: 'Thank you for viewing these photos. Most \A are available for purchase by clicking \A the \"ADD to CART\" button above. \A Note- some select images will let you download \A if you find a \'down-arrow\' below the image \A to the right side. \A \A Photos are copyright of © Guy Schlacter, or their \A respective owner. All rights are reserved. \A Unauthorized use is prohibited. \A If necessary, I can be contacted using link at top.' ;
    font-size: 14px;
    color: #000; /* font #0F0; */ /* #000; was black; */
    white-space: pre;
    }

    /*GETS RID OF SMUGMUG right-click MESSAGE text*/
    .sm-user-ui .sm-right-click-message .sm-tooltip-content {
    display: none;
    }

    /* BOX ATRIBUTES NEEDED FOR SOME THEMES and Cover Text with BOX*/
    .sm-user-ui .sm-right-click-message {
    background-color: #EEE; /* RGB white is #fff */
    box-shadow: 5px 6px 10px #000;
    max-width: 350px; /* or max-width: none;*/
    max-height: 320px;
    padding: 10px;
    /* width: 300px; */
    /* height: 110px; */
    /* text-align: center; */
    /* border-radius: 10px; */
    }
  • Jingle ImagesJingle Images Registered Users Posts: 212 Major grins
    edited March 18, 2014
    Is this still working for everyone ?
  • Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited March 18, 2014
    Looks like it's still working.
Sign In or Register to comment.