JSFiddle - React, Tailwind, and code Playground

by irvandev

HTML

<div id='Dev'><div id='DevIce'><div style='text-align:center;'>Oops !. <a href=''><b>Hey !!!</b></a> kami Blogger Indonesia menentang tindakan <a href='http://irvandev.blogspot.com/p/privacy-policy.html'><b>Copy Faste</b></a> artikel milik orang lain, jika anda ingin menyalin silahkan tekan &quot;<div class='styles'>ctrl</div>+<div class='styles'>C</div>&quot; dan untuk membuka Link di <a href=''>Tab Baru</a> silahkan klik Linknya sambil menekan  <div class='styles'>ctrl</div>.<br/>Terimakasih..."Lebay Mode On :)"<br/>
</div>
  <div style='text-align:right;'> <a href='http://irvandev.blogspot.com/'><b><div class='styles'>Blog Irvan Dev</div></b></a></div></div></div>

SILAHKAN KLIK KANAN...

CSS

#Dev{background:#030303;position:fixed;z-index:99999;bottom:0;top:0;height:100%;display:none;width:100%;}
a {text-decoration:none;}
.qq{height:19px}.foot-right,.DevIce2{float:right}
#DevIce{padding: 7px;width: 90%;color: #fff;font-size: 50px;line-height: 1.3em;margin: 0 auto;}
#DevIce ul i,.DevIce2 ul i{font-size:18px}
.styles {
border-radius: 3px;
border: 1px solid #FFF;
background:#FF0000;
box-shadow: 1px 0px 1px 0px #FFF, 0px 2px 0px 2px #EEEEEE, 0px 2px 0px 3px #999;
box-sizing: border-box;
display: inline;
margin: 0px 10px;
padding: 0px 0px;
}

JavaScript

document.oncontextmenu = RightMouseDown; 
  document.onmousedown = mouseDown; 

  function mouseDown(e) {
    if (e.which==3) {//klik kanan
    $("#Dev").toggle(500);
    } 
  }

  function RightMouseDown() { 
    return false; 
  }


$(document).ready(function(){
  $(".DevIce2").click(function(){
    $("#Dev").hide(600);
  });
});