• Resolved elie-palima

    (@elie-palima)


    Whenever I go to problogger’s and johnchow’s blog and hit right click on their logos, the option to ‘view’ or ‘save’ the image is not there!

    I was wondering if anyone here could tell me how do you do that??? cause I would like to implement it on my site as well. I asked both bloggers the question but they say they don’t know how to do it because they didn’t code it.

    anyway, please help me…

    thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Please, please, don’t try to disable right-click. Not only is it ineffective against image theft, it also creates major problems for some users who rely on access to their browsers right-click context menu.

    Thread Starter elie-palima

    (@elie-palima)

    hello esmi, I don’t want to disable right click. I just want to know how johnchow.com and problogger.net does that to their images. when you right click on their sites, the right click is working.

    however, when you go and right click one of their images, (specifically their logo) right click is working however, the option to ‘view’ or ‘save’ the images is not there!

    it’s almost like they made their images into a ‘thumbnail’

    my question is.. how to do that? thanks.

    Could be a specific piece of javascript or it could be that some of these images are being applied via CSS. Hard to tell without seeing the pages in question.

    Thread Starter elie-palima

    (@elie-palima)

    definitely not css! the page is exactly on https://www.johnchow.com and https://problogger.net

    right click on their logo and the mentioned menus are not there.

    yeah, maybe you’re right.. a piece of javascript.. but that’s too advanced stuff for me.. lol. =)

    help???

    The logo on https://johnchow.com/ is simply being applied via CSS as a background image for a block on the header:

    h.custom #header #logo a {
        background: url("images/logo.png") no-repeat;
        border: 0 none;
        color: #000000;
        display: block;
        height: 60px;
        margin: 0;
        outline: medium none;
        padding: 0;
        text-indent: -9999px;
        width: 454px;
    }

    The logo on https://problogger.net/ is part of the CSS background image being applied to the layout wrapper:

    #wrap {
        background: url("images/bg.png") no-repeat scroll center top;
        margin: 0 auto;
        position: relative;
    }

    Sorry – no mysteries there. ??

    Thread Starter elie-palima

    (@elie-palima)

    WOW!! I didn’t know we could do that! now I know! I’m so excited to do it on my site. thank you very much ‘master’ esmi!

    No problem ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘John Chow and Problogger Logos… How to do it???’ is closed to new replies.