Cannguoidayit
Gefreiter
Cách tạo nút đăng ký, đăng nhập và đăng tin thay vì mặc định cho xenforo
Hôm nay kỹ thuật của Lưu Gia Group xin chia sẻ các bạn cách thay đổi nút đăng ký, đăng nhập, và đăng tin mặc định của diễn đàn, theo phong cách mới.
Sau khi thêm 3 nút này vào diễn đàn của bạn, nó sẽ cố định bên phải màn hình của khách, và nó cũng sẽ trượt dọc theo màn hình khi cuộn
HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script language = "Javascript">
$(document).ready(function() {
$("a[href*='#']:not([href='#])").click(function() {
let target = $(this).attr("href");
$('html,body').stop().animate({
scrollTop: $(target).offset().top
}, 1000);
event.preventDefault();
});
});
</script>
<style>
.menu-float-right {
width: 100px;
position: fixed;
top: 35%;
right: 0;
z-index: 99999;
Để làm được điều này, các bạn cần tạo 1 widget và dán mã bên dưới vào widget mà bạn vừa tạo, sau đó các bạn tiến hành chỉnh lại link của nút vừa tạo, chỉnh icon thì các bạn tải icon lên hosting và thay đổi đường dẫn của code đó trỏ đến 3 icon bạn vừa tải lên hosting và click ok lưu lại và kiểm tra xem ok chưa.
Ngoài ra các bạn cũng có thể tự mình chỉnh sửa kích thước, màu nền của 3 nút trên tuỳ ý.
Chúc các bạn thành công.
Hôm nay kỹ thuật của Lưu Gia Group xin chia sẻ các bạn cách thay đổi nút đăng ký, đăng nhập, và đăng tin mặc định của diễn đàn, theo phong cách mới.
Sau khi thêm 3 nút này vào diễn đàn của bạn, nó sẽ cố định bên phải màn hình của khách, và nó cũng sẽ trượt dọc theo màn hình khi cuộn
HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script language = "Javascript">
$(document).ready(function() {
$("a[href*='#']:not([href='#])").click(function() {
let target = $(this).attr("href");
$('html,body').stop().animate({
scrollTop: $(target).offset().top
}, 1000);
event.preventDefault();
});
});
</script>
<style>
.menu-float-right {
width: 100px;
position: fixed;
top: 35%;
right: 0;
z-index: 99999;
Để làm được điều này, các bạn cần tạo 1 widget và dán mã bên dưới vào widget mà bạn vừa tạo, sau đó các bạn tiến hành chỉnh lại link của nút vừa tạo, chỉnh icon thì các bạn tải icon lên hosting và thay đổi đường dẫn của code đó trỏ đến 3 icon bạn vừa tải lên hosting và click ok lưu lại và kiểm tra xem ok chưa.
Ngoài ra các bạn cũng có thể tự mình chỉnh sửa kích thước, màu nền của 3 nút trên tuỳ ý.
Chúc các bạn thành công.
Bài viết liên quan
Bài viết mới