Fake Link cho URL website của bạn

1.3.20 | 0 nhận xét | 296 lượt xem
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