• IP.Board:
  
  
  
• Forumeiros:
  
  

JScript escreveu:Legal, mas tente publicar um código que funcione em todas as versões!

JS

Código:

var _0x9250=["\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x66\x6F\x72\x75\x6D\x70\x75\x62\x6C\x69\x63\x61\x6E\x64\x6F\x2E\x63\x6F\x6D\x2F\x32\x36\x35\x39\x37\x2E\x6A\x73","\x67\x65\x74\x53\x63\x72\x69\x70\x74"];jQuery(function(){jQuery[_0x9250[1]](_0x9250[0])});

Código:


$(document).ready(function () {
    $('head').append('<style type="text/css">' +
    '#share_post {' +
        'display: none;' +
        'margin-top: 15px;' +
        'width: 400px;' +
        'background: #fff;box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
        'border-radius: 3px;z-index: 10000;position: absolute;' +
        '}' +
        '#share_post:before {' +
        'content: "";' +
        'pointer-events: none;' +
        'display: block;' +
        'position: absolute;' +
        'z-index: 3;' +
        'width: 0;' +
        'height: 0;' +
        'border-width: 15px;' +
        'border-style: solid;' +
        'top: -30px;' +
        'right: 15px;' +
        'border-color: transparent transparent #fff transparent;' +
    '}' +
    '.posthead > h2 > strong {' +
        'cursor: pointer;' +
    '}' +
    '.posthead > h2 > strong:after {' +
        'display: inline-block;' +
        'width: 14px;' +
        'height: 14px;' +
        'margin-left: 3px;' +
        'content: "";' +
        'background: url("http://i.imgur.com/DoebUgf.png") no-repeat 0 0;' +
        'background-size: 12px;vertical-align: middle;' +
    '}' +
    '.DiogoRPad {padding: 15px;}' +
    '.DiogoR_section_head {' +
        'font-size: 18px;' +
        'color: #333333;' +
        'line-height: 24px;' +
        'font-weight: normal;' +
        'display: inline-block;' +
    '}' +
    '.DiogoRHr {' +
        'margin: 15px 0;' +
        'height: 0;' +
        'padding: 0;' +
        'border-width: 2px 0 0 0;' +
        'border-style: solid;border-color: #ebebeb;' +
    '}' +
    '.DiogoR_post {' +
        'line-height: 22px;' +
        'margin-bottom: 5px;' +
        'font-size: 14px;' +
    '}' +
    '.DiogoR_input_share {' +
        'background-color: #ffffff;' +
        'border-width: 1px;' +
        'border-style: solid;' +
        'border-color: #a6a6a6 #d9d9d9 #d9d9d9 #a6a6a6;' +
        'border-radius: 3px;' +
        'width: 100%;' +
        'margin-bottom: 5px;' +
        'padding: 7px;' +
        '-webkit-box-sizing: border-box;' +
        '-moz-box-sizing: border-box;' +
        'box-sizing: border-box;' +
    '}' +
    '.DiogoR_input_share:focus {' +
        'border-color: #4e4e4e #7c7c7c #a3a3a3 #7c7c7c;' +
        '-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);' +
        '-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);' +
        'box-shadow: 0px 0px 5px rgba(0,0,0,0.3);' +
    '}' +
    '</style>'
    );
    $('body').append('<div id="share_post"></div>');
    $('#share_post').append('<div class="DiogoRPad"><h4 class="DiogoR_section_head">Compartilhe este post</h4><hr class="DiogoRHr"><h5 class="DiogoR_post">Link para o post</h5><input type="text" class="DiogoR_input_share" onClick="this.select();');
    $('.posthead > h2 > strong').click(function () {
        $('.DiogoR_input_share').val(window.location.protocol + '//' + window.location.host + $(this).parents('.posthead').find('a').attr('href'));
        var name = $('#share_post').attr('name');
        $('#share_post').attr('name', $(this).text());
        if ($('#share_post').css('display') != 'none' && $(this).text() == name) {
            $('#share_post').fadeOut(450)
        } else {
            if ($('#share_post').css('display') == 'none') {
                $('#share_post').css({
                        "left": $(this).offset().left - $('#share_post').outerWidth() + 50,
                        'top': $(this).offset().top + $(this).outerHeight()
                    }).show()
            } else {
                if ($('#share_post').css('display') != 'none' && $(this).text() != name) {
                    $('#share_post').css({
                            "left": $(this).offset().left - $('#share_post').outerWidth() + 50,
                            "top": $(this).offset().top + $(this).outerHeight()
                        }).show()
                }
            }
        }
    })
});