Fake Link cho URL website của bạn

1.3.20 | 0 nhận xét | lượt xem
Nội Dung Chính [Ẩn] [Hiển thị]
    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

    Bạn đang xem bài viết "Fake Link cho URL website của bạn" tại chuyên mục: CSS , HTML , Tips

      Chèn hình ảnh: Chỉ cần dán link hình ảnh - Upload ảnh

      Chèn code: [pre]Code đã mã hóa [/pre]

      Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

      Chèn link: Click để chèn link