Thêm script loading xenforo giống youtube. Cách làm cực kỳ đơn giản.
Demo:
Các bạn thực hiện như sau:
B1. Thêm đoạn code dưới vào trước </head> trong templates PAGE_CONTAINER
B2. Thêm vào dưới cùng Extra.css
Lưu lại và F5 để xem.
Demo:
B1. Thêm đoạn code dưới vào trước </head> trong templates PAGE_CONTAINER
Mã:
<script>
$(function() {
$("body").append($("<div></div>").attr("id", "progress"));
$("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
$("#progress").width("101%").delay(300).fadeOut(400);
});
</script>
B2. Thêm vào dưới cùng Extra.css
Mã:
#progress {position: fixed;
z-index: 100;
top: 0;
left: -6px;
width: 1%;
height: 3px;
background: #ff0000;
border-radius: 1px;
transition: width 500ms ease-out,opacity 400ms linear;
}
Lưu lại và F5 để xem.
Nguồn: muaban47.net
Bài viết liên quan
Bài viết mới