[Code] KLoading Style[✔]

[K.-Kun]

Code Info:
Code Name: KLoading Style
Write by: K.
Copyright ®: K. -
Demo Code:

[You must be registered and logged in to see this image.]

Insert into your CSS (Chèn vào CSS):

Code:

#Kload{-moz-opacity:0.8;-webkit-opacity:0.8;background:black;filter:Alpha(opacity=80);min-height:100%;left:0;opacity:0.8;position:fixed;top:0;width:100%;z-index:999;text-align:center}
.Kloadingstyle{display:inline-block;margin:30% auto;border-width:30px;border-radius:50%;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-o-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;border-style:double;border-color:#444 transparent;}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(359deg)}}
@-moz-keyframes spin{100%{-moz-transform:rotate(359deg)}}
@-o-keyframes spin{100%{-moz-transform:rotate(359deg)}}
@keyframes spin{100%{transform:rotate(359deg)}}

And Insert to header or fotter (Và thêm vào Header hoặc Fotter):

Code:

<script>document.write('<div id="Kload"><div class="Kloadingstyle"></div></div>');
$(function(){ setTimeout(function() {document.getElementById('Kload').style.display = 'none';}, 1000); });</script>

Các Style:
Spinner: [You must be registered and logged in to see this link.]
Facebook: [You must be registered and logged in to see this link.]

- K. -

[bucnong1]

cũng đẹp. like nhé

[Chúa Tể Địa Ngục]

cũng đc..mà che che quái gì?> forum ice-fox của tên kazu chứ gì?

[K.-Kun]

cũng đc..mà che che quái gì?> forum ice-fox của tên kazu chứ gì?

Tao thích tao che đấy! Mày cấm tao che à? Mày ngon mày đoán hết chỗ bị che đi! To mồm!

[Chúa Tể Địa Ngục]

nói thế thôi mà làm gì thế?

[Méo Hắc Hắc]

Chu choa chu choa xài ké với nào
Trừ cái tab ở giữa thì mấy cái còn lại méo đều đoán được

[K.-Kun]

Style Spinner:

Demo: [You must be registered and logged in to see this link.]

Thay CSS ở trên bằng CSS này:

Code:

#Kload{-moz-opacity:0.8;-webkit-opacity:0.8;background:black;filter:Alpha(opacity=80);min-height:100%;left:0;opacity:0.8;position:fixed;top:0;width:100%;z-index:999;text-align:center}
.Kloadingstyle{width:30px;height:30px;border:5px solid #ccc;position:fixed;left:50%;margin-left:-20px;top:50%;margin-top:-20px;border-radius:50%}
.Kloadingstyle:after{content:'';position:absolute;width:40px;height:10px;background:#262526;top:10px;left:-5px;animation:spin 1.2s infinite}
@keyframes spin{100%{transform:rotate(360deg)}}

[K.-Kun]

Style Facebook:

Demo: [You must be registered and logged in to see this link.]

Thay CSS ở trên bằng CSS này:

Code:

#Kload{-moz-opacity:0.8;-webkit-opacity:0.8;background:black;filter:Alpha(opacity=80);min-height:100%;left:0;opacity:0.8;position:fixed;top:0;width:100%;z-index:999;text-align:center}
.Kloadingstyle{top:calc(50% - 5px);left:calc(50% - 5px);position:absolute !important}
.Kloadingstyle,.Kloadingstyle:before,.Kloadingstyle:after{position:relative;display:inline-block;width:20px;height:50px;background-color:rgba(215,230,240,0.9);border:1px solid rgb(215,230,240);z-index:100000;content:' ';margin-left:-5px;margin-right:-9px}
.Kloadingstyle:before{top:-11px;left:-100%;animation:loading-fb .8s cubic-bezier(.4,.5,.6,1) infinite}
.Kloadingstyle{animation:loading-fb-main .8s cubic-bezier(.4,.5,.6,1) .2s infinite}
.Kloadingstyle:after{top:-11px;right:-100%;margin-top:50%;animation:loading-fb .8s cubic-bezier(.4,.5,.6,1) .4s infinite}
@keyframes loading-fb{from{transform:scaleY(1.4);background-color:rgba(55,114,171,0.9);border:1px solid rgb(55,114,171)}}
@keyframes loading-fb-main{from{padding-top:10px;padding-bottom:10px;margin-top:-10px;background-color:rgba(55,114,171,0.9);border:1px solid rgb(55,114,171)}}

[Chúa Tể Địa Ngục]

cho hỏi cái này có nặng hay gây phiền hà gì ko?

[anhoang_qn]

cho hỏi cái này có nặng hay gây phiền hà gì ko?

add vào khắc biết, cứ hỏi kiểu này biểu sao không bị kì thị @@

[sps.kủn]

rất hữu dụng ( tớ đang sài )

[Chúa Tể Địa Ngục]

nói chung khi add vào trình duyệt nút nhỏ bên cạnh title rum nó xoay xoay và cái kload nó cũng hiện xoay 1 ít nhưng mà hiện 1 cái chưa hết...

[BTV2]

nói chung khi add vào trình duyệt nút nhỏ bên cạnh title rum nó xoay xoay và cái kload nó cũng hiện xoay 1 ít nhưng mà hiện 1 cái chưa hết...

Cái này nó câu giờ cho forum tải nội dung thôi, chứ nó có làm cho load xong mới hiện ra đâu. forum nặng quá thì thêm thời gian vào.

[Chúa Tể Địa Ngục]

là sao?>???

[Méo Hắc Hắc]

Cái js trên hình như chỉ cho hiện trong 1s thôi, forum load có khi lên tới 10s luôn mà

[BTV2]

Tìm đoạn này và sửa lại thành 10000000 coi nó load tới kiếp sau ko

Code:

.style.display = 'none';}, 1000); });</script>

[anhoang_qn]

Tìm đoạn này và sửa lại thành 10000000 coi nó load tới kiếp sau ko

Code:

.style.display = 'none';}, 1000); });</script>

10000000 = 10000 giây = 166,66666...6667 phút = 2,777777....777778 giờ
Kết Luận : không cần tới kiếp sau, chỉ cần xem xong tập phim là đủ rồi

[BTV2]

Tìm đoạn này và sửa lại thành 10000000 coi nó load tới kiếp sau ko

Code:

.style.display = 'none';}, 1000); });</script>

10000000 = 10000 giây = 166,66666...6667 phút = 2,777777....777778 giờ
Kết Luận : không cần tới kiếp sau, chỉ cần xem xong tập phim là đủ rồi

Bái phục   

[nhokpronho]

Hay.....đã test thử

[Méo Hắc Hắc]

Cải tiến rảnh rỗi đây, được thì được không thì thôi :v

Code:

<script>document.write('<div id="Kload"><div class="Kloadingstyle"></div></div>');
$(window).load(function(){$('#Kload').fadeOut(1000)});</script>

[Sponsored content]