Sosial Media
0
News
    Home CSS HTML Tips

    Fake Link cho URL website của bạn

    0 min read

    Nói cho dễ hiểu là link bạn đăng lên sẽ kiểu như treo đầu dê bán thịt chó. Ví dụ như hiển thị sẽ là www.huydc.net nhưng khi click vào nó lại sang web www.facebook.com chẳng hạn
    Tuy nhiên nếu như để ý ở góc dưới của trình duyệt sẽ hiển thị link thật


    Và bài này mình sẽ hướng dẫn để không hiển thị cái link thật này bên dưới

    Nói thêm nữa là mình KHÔNG KHUYẾN KHÍCH bởi đây là hành động đánh lừa độc giả, xem cho biết thôi :D

    Hướng dẫn

    HTML

    <form class="fake-link" action="link đích" method="get" target="_blank">
      <input name="aff" type="hidden" value="1234567">
      <button type="submit">link hiển thị</button>
    </form>

    CSS

    .fake-link,
    .fake-link button {
      margin:0;
      padding:0;
      width:auto;
      height:auto;
      background:none;
      border:none;
      font:inherit;
      text-transform:none;
      display:inline;
    }
    .fake-link button {
      color:blue;
      cursor:pointer;
    }
    .fake-link button::-moz-focus-inner {
      margin:0;
      padding:0;
      border:none;
      outline:none;
    }
    .fake-link button:focus,
    .fake-link button:hover {text-decoration:underline}
    .fake-link button:active {color:red}

    Demo

    Nhận xét
    Additional JS