Polaroid

Danh ngôn tình yêu:

CODEFORUMMP3INFO
UC BROWSER 9.6
[Download] [Guide]
Cú Pháp Đăng Ký Nick Team
Ninja School Online 1.3.1
Mạng Xã Hội Avatar 2.5.8
Bắn Súng Mobi Army 2.3.9
Khí Phách Anh Hùng 1.6.8
Phong Vân Truyền Kỳ V30
Ngôi Làng Của Gió 3D 1.1.7
»FACEBOOK-YOUTUBE-PAGE«
Hãy nhanh tay Đăng kí và Đăng nhập để trở thành thành viên chính thức với tên VuongDZ.Xtgem.Com để cùng thảo luận nhé!
Đăng kí làm thành viên · Quên MK?
» » » Tạo thanh Load trang giống Youtube cho Wapsite của bạn
Bạn phải để Bình luận

Tạo thanh Load trang giống Youtube cho Wapsite của bạn

Forum ChiaSe123™ ↑ ↓
Vuonghh1998 * Vuonghh1998 (Admin) [Off]
* 17-05-2016

Thông thường khi các bạn lướt trên Youtube thì nó có hiệu ứng load trang bằng một thanh ngang nhỏ trông rất đẹp, vậy làm thế nào để có được thanh load như vậy, bài viết sau mình sẽ hướng dẫn các bạn cách làm, cũng rất dễ thôi, copy paste vào vài cái là xong ngay ấy mà

Tạo thanh Load trang giống  Youtube cho Wapsite của bạn
[Mở ảnh]


Làm như thế nào: các bạn chỉ cần cho đoạn code sau vào phần đầu trang của Wapsite ( chính là file header đó )
<link rel="stylesheet" href="http://vuongdz.xtgem.com/css/progress-bar.css">
<script type="text/javascript" src="http://vuongdz.xtgem.com/css/jquery.js"></script>
<script type="text/javascript" src="http://vuongdz.xtgem.com/js/jquery.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script src="http://vuongdz.xtgem.com/css/nprogress.js"></script>
<script>
$(document).ready(function() {
NProgress.start();
$('#nprogress .bar').css({'background': '#2196F3'});
$('#nprogress .bar').css({'border': '0px solid #009688'});
$('#nprogress .peg').css({'box-shadow': '0 0 10px #2196F3, 0 0 5px #2196F3'});
$('#nprogress .spinner-icon').css({'border-top-color': '#2196F3', 'border-left-color': '#2196F3'});
NProgress.done();
});
</script>

Copy code

+ Ở đoạn code trên các bạn có thể thay đổi mã màu hoặc style theo cách của bạn nhé
+ Nguồn Nhanhnao.XYZ
» Chúc thành công :smile:

(0)
- Tổng số 1 bình luận và lượt xem
Trang chủ

Trực tuyến
Đang online|24h
Người trực tuyến 0 và 1 khách viếng thăm.
-->
• TRUNG TÂM HỖ TRỢ
T.T Báo Lỗi - Hỗ Trợ - Góp Ý