Cách Tạo Trang WEB Tỏ Tình Crush Auto Đổ - Share Code
Hello xin chào, tiếp tục với Series Làm Web cùng Cuongbok, khi đã tạo xong được trang Web cá nhân, thì hôm nay mình sẽ Share cho bạn code trang Web tỏ tình Crush, vì mới tạo web nên mình sẽ dùng đoạn code dễ thôi nhé! :">
DEMO tại đây
. Toàn bộ code tại ĐâyCách tạo trang Web tỏ tình Crush
Đầu tiên mình có CSS:
.box-love{background: no;width: 500px;
height: 300px;position: relative;}
.box{position: absolute;top: 40%;
left: 35%}
button{border: none;border-radius: 4px;
padding: 8px;background: red;color: #fff;
outline:none;text-transform: uppercase;
font-weight: bold;}
button:hover{cursor:pointer;opacity: 0.6;}
span{position: absolute;top: 30%;left: 25%;
text-align: center;display: block;
margin-bottom: 8px;font-size: 20px;
color: #fff;text-transform: uppercase;
font-weight: bold;}
.move{transform: translate(-200%, -200% );
transition: 0.01s;
}
và HTML:
<div class='box-love'>
<h1 color='black'>Bạn có yêu mình không?</h1>
<h2 id="innerThbao" style="display:none;z-index:9999999"></h2>
<div class='box'>
<button id='love'>Yêu</button>
<button id='no-love'>Không Yêu</button>
</div>
</div>
Cuối cùng là Js:
var thbao = "Mình Biết Mà ahihi";
var linkfb = "//fb.com/cuongbok";
var innerThbao = document.getElementById('innerThbao');
var love = document.getElementById("love");
var no_love = document.getElementById("no-love");
var _0x5f52=["\x63\x6C\x69\x63\x6B","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x64\x69\x73\x70\x6C\x61\x79","\x73\x74\x79\x6C\x65","\x62\x6C\x6F\x63\x6B","\x69\x6E\x6E\x65\x72\x54\x65\x78\x74","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72","\x53\x68\x61\x72\x65\x20\x62\u1EDF\x69\x20\x43\x75\x6F\x6E\x67\x62\x6F\x6B\x20\x28\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x69\x74\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x29\x2C\x20\x54\x69\x6B\x74\x6F\x6B\x3A\x20\x40\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x72\x65\x61\x6C","\x6C\x6F\x67","\x6D\x6F\x76\x65","\x74\x6F\x67\x67\x6C\x65","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74"];love[_0x5f52[1]](_0x5f52[0],myFunction);function myFunction(){innerThbao[_0x5f52[3]][_0x5f52[2]]= _0x5f52[4];innerThbao[_0x5f52[5]]= thbao;alert(thbao);setTimeout(function(){window[_0x5f52[7]][_0x5f52[6]]= linkfb},2000)}no_love[_0x5f52[1]](_0x5f52[8],lovefunction);console[_0x5f52[10]](_0x5f52[9]);function lovefunction(){no_love[_0x5f52[13]][_0x5f52[12]](_0x5f52[11])}
Với 2 dòng màu đỏ:
- Mình Biết Mà ahihi: Thay bằng lời bạn muốn nói
- //fb.com/cuongbok: Thay bằng link fb của bạn, hoặc link mà bạn muốn web chuyển hướng tới.
Cuối cùng, toàn bộ code sẽ trông như thế này:
Bạn hãy copy đoạn code trên rồi dán vào web của mình rồi đi "tỏ tình" thôi. Chúc bạn thành công! :v
Toàn bộ code:
Copy và dán vào là được, nhớ thay đổi thông tin ở phần màu đỏ nhé!
<style type='text/css'>
.box-love{background: no;width: 500px;
height: 300px;position: relative;}
.box{position: absolute;top: 40%;
left: 35%}
button{border: none;border-radius: 4px;
padding: 8px;background: red;color: #fff;
outline:none;text-transform: uppercase;
font-weight: bold;}
button:hover{cursor:pointer;opacity: 0.6;}
span{position: absolute;top: 30%;left: 25%;
text-align: center;display: block;
margin-bottom: 8px;font-size: 20px;
color: #fff;text-transform: uppercase;
font-weight: bold;}
.move{transform: translate(-200%, -200% );
transition: 0.01s;
}
</style>
<div style="">
<div class='box-love'>
<h1 color='black'>Bạn có yêu mình không? Thoát trang là có nha! :)</h1>
<h2 id="innerThbao" style="display:none;z-index:9999999"></h2>
<div class='box'>
<button id='love'>Yêu</button>
<button id='no-love'>Không Yêu</button>
</div>
</div>
</div>
<script>
var thbao = 'Mình Biết Mà ahihi';
var linkfb = '//fb.com/cuongbok';
var innerThbao = document.getElementById('innerThbao');
var love = document.getElementById("love");
var no_love = document.getElementById("no-love");
var _0x5f52=["\x63\x6C\x69\x63\x6B","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x64\x69\x73\x70\x6C\x61\x79","\x73\x74\x79\x6C\x65","\x62\x6C\x6F\x63\x6B","\x69\x6E\x6E\x65\x72\x54\x65\x78\x74","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72","\x53\x68\x61\x72\x65\x20\x62\u1EDF\x69\x20\x43\x75\x6F\x6E\x67\x62\x6F\x6B\x20\x28\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x69\x74\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x29\x2C\x20\x54\x69\x6B\x74\x6F\x6B\x3A\x20\x40\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x72\x65\x61\x6C","\x6C\x6F\x67","\x6D\x6F\x76\x65","\x74\x6F\x67\x67\x6C\x65","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74"];love[_0x5f52[1]](_0x5f52[0],myFunction);function myFunction(){innerThbao[_0x5f52[3]][_0x5f52[2]]= _0x5f52[4];innerThbao[_0x5f52[5]]= thbao;alert(thbao);setTimeout(function(){window[_0x5f52[7]][_0x5f52[6]]= linkfb},2000)}no_love[_0x5f52[1]](_0x5f52[8],lovefunction);console[_0x5f52[10]](_0x5f52[9]);function lovefunction(){no_love[_0x5f52[13]][_0x5f52[12]](_0x5f52[11])}
</script>
Demo CODE Tỏ Tình Crush
Video của mình trên Tiktok:
@cuongbokreal Trả lời @cuong17tui Phần 2: Tạo trang tỏ tình Crush, chỉ được chọn có 🤪 #Cuongbokreal #LearnOnTikTok #HocCungTikTok #ThanhCongNghe #totinh #crush ♬ nhạc nền - Cuongbokreal
1 nhận xét
Lưu ý
Khuyên bạn hạn chế bình luận ẩn danh, hãy đăng nhập bằng tài khoản Google.
Nếu muốn bình luận 1 đoạn code, bạn hãy mã hóa code để code hiển thị chính xác nhé!