Styles Code ông già giáng sinh, tuần lộc 2017

Holazama · 12/12/2017

Hello mọi người.

Xưa vxf.vn có share code này mà giờ em tìm mãi không thấy,bác nào còn save thì share lên để anh em trang trí website, forums cho xôm được không ạ ?

THB · 12/12/2017

vào gg nó ra ngay. hình như trang trí noel thì phải.

Holazama · 12/12/2017

Mình search không ra hiệu ứng 2 con tuần lộc đó admin à?

quick87 · 12/12/2017

Holazama nói:
Hello mọi người.

Xưa vxf.vn có share code này mà giờ em tìm mãi không thấy,bác nào còn save thì share lên để anh em trang trí website, forums cho xôm được không ạ ?

copy đoạn code này vào header:

Mã:

<script type='text/javascript'>
 $(function(){
    $('html').append('<img id="halo" title="Happy Noel" style="cursor:pointer;position:fixed;z-index:99999" height="120" src="http://lh6.ggpht.com/--821TuXi7o0/UMN0DyDHwtI/AAAAAAAAFL8/V3nQtexRIIk/ghost_thumb.gif"/>')
    setInterval(function(){
       var $X=Math.ceil(Math.random()*$(window).width())
       var $Y=Math.ceil(Math.random()*$(window).height())
       $('img#halo').animate({'left':$X,'top':$Y},5000)
    },5000)
    $('img#halo').click(function(){
        window.open('http://lh6.ggpht.com/--821TuXi7o0/UMN0DyDHwtI/AAAAAAAAFL8/V3nQtexRIIk/ghost_thumb.gif','')
    })
 })
  </script>

Nếu muốn thay ảnh khác thì lựa tại link sau:

https://www.google.com.vn/search?q=...oHu2YiAegmIHgBw&ved=0CC8QsAQ&biw=1024&bih=679

xenmax · 12/12/2017

Holazama nói:
Mình search không ra hiệu ứng 2 con tuần lộc đó admin à?

kỹ năng quá kém . đề nghị đồng chí phải nâng cao kỹ năng lại
"Share code ông già noel bay trên website "
sẽ ra bài hd của vietds

còn ko thì chơi css3 cho nó nhẹ khỏi phải upload
chèn code này vào extra.css

Mã:

/***************************

BEGIN OF FLYING SANTA

***************************/
.santa {
    z-index: 600;
    cursor: pointer;
    -webkit-animation: FlyingSanta 38s infinite linear;
    -moz-animation: FlyingSanta 38s infinite linear;
    -ms-animation: FlyingSanta 38s infinite linear;
    -o-animation: FlyingSanta 38s infinite linear;
    animation: FlyingSanta 38s infinite linear;
    bottom: 0%;
    left: 0%;
    position: absolute;
}
@keyframes FlyingSanta {
25% {
bottom: 80%;
left: 85%;
transform: rotateY(0deg);
}
26% {
transform: rotateY(180deg);
}
50% {
 bottom:60%;
 left: 0%;
 transform: rotateY(180deg);
}
51% {
 transform: rotateY(0deg);
}
75% {
 bottom:40%;
 left: 85%;
 transform: rotateY(0deg);
}
76% {
 bottom:40%;
 left: 85%;
 transform: rotateY(180deg);
}
99% {
 transform: rotateY(180deg);
}
}

HTML:

<img class="santa" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/santas.gif" alt="Santa Be Watchin" />

code này nhét vào sau thẻ <body> của page_container

nếu thích màu mè hoa lá cành nữa thì cho thêm thằng này vào trước </head> của page_container. đảm bảo hấp dẫn

Mã:

<script src='//cdnjs.cloudflare.com/ajax/libs/buzz/1.1.0/buzz.min.js'></script>
<script>
buzz.defaults.formats = [ 'mp3' ];
buzz.defaults.preload = 'metadata';


var SleighRide = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/9562523_silvanmusic_christmas-time", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: true
});
var hohoho = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/hohoho", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});

var SantaLaughing = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/SantaLaughing", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});



var MerryChristmas = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/SantaMerryChristmas", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});
var Jingle2 = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/Jinglebells2", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});


           
       
/***************************
Santa Magic Sound Effects
****************************/      

   
    SleighRide.play();Jingle2.play();hohoho.play();      
    setTimeout(function () {
    Jingle2.play();MerryChristmas.play();}, 8000
);
setTimeout(function () {
    SantaLaughing.play();}, 20000
);
setTimeout(function () {
    Jingle2.play();SantaLaughing.play();}, 35000
);
setTimeout(function () {
    hohoho.play();}, 50000
);
setTimeout(function () {
    Jingle2.play();MerryChristmas.play();}, 80000
);

setTimeout(function () {
    SantaLaughing.play();}, 100000
);
   
$('.santa').hover(function() {
                hohoho.play();Jingle2.play();
 
            }, function() {
                hohoho.stop();Jingle2.stop();
            });  
$('.santa').click(function() {
     MerryChristmas.play();
     hohoho.stop();Jingle2.stop();
            });      
           

/***************************
Grouping the sounds so I can toggle them off and on all at once
****************************/      


var soundEffects = new buzz.group([
    hohoho,
    SleighRide,
    Jingle2,
    MerryChristmas,
    SantaLaughing

]);      
</script>

Holazama · 12/12/2017

Không phải con tuần lộc này trên vxf.vn khi xưa rồi các bác ơi, bên vxf.vn nó clean hơn nhiều.

2L.Ohayo · 13/12/2017

Holazama nói:
Không phải con tuần lộc này trên vxf.vn khi xưa rồi các bác ơi, bên vxf.vn nó clean hơn nhiều.

Do biến đổi khí hậu nên nó thay đổi hình dạng để thích nghi.

Jindo_Katori · 14/12/2017

xenmax nói:

kỹ năng quá kém . đề nghị đồng chí phải nâng cao kỹ năng lại
"Share code ông già noel bay trên website "
sẽ ra bài hd của vietds

còn ko thì chơi css3 cho nó nhẹ khỏi phải upload
chèn code này vào extra.css

Mã:

/***************************

BEGIN OF FLYING SANTA

***************************/
.santa {
    z-index: 600;
    cursor: pointer;
    -webkit-animation: FlyingSanta 38s infinite linear;
    -moz-animation: FlyingSanta 38s infinite linear;
    -ms-animation: FlyingSanta 38s infinite linear;
    -o-animation: FlyingSanta 38s infinite linear;
    animation: FlyingSanta 38s infinite linear;
    bottom: 0%;
    left: 0%;
    position: absolute;
}
@keyframes FlyingSanta {
25% {
bottom: 80%;
left: 85%;
transform: rotateY(0deg);
}
26% {
transform: rotateY(180deg);
}
50% {
 bottom:60%;
 left: 0%;
 transform: rotateY(180deg);
}
51% {
 transform: rotateY(0deg);
}
75% {
 bottom:40%;
 left: 85%;
 transform: rotateY(0deg);
}
76% {
 bottom:40%;
 left: 85%;
 transform: rotateY(180deg);
}
99% {
 transform: rotateY(180deg);
}
}

HTML:

<img class="santa" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/santas.gif" alt="Santa Be Watchin" />

code này nhét vào sau thẻ <body> của page_container

nếu thích màu mè hoa lá cành nữa thì cho thêm thằng này vào trước </head> của page_container. đảm bảo hấp dẫn

Mã:

<script src='//cdnjs.cloudflare.com/ajax/libs/buzz/1.1.0/buzz.min.js'></script>
<script>
buzz.defaults.formats = [ 'mp3' ];
buzz.defaults.preload = 'metadata';


var SleighRide = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/9562523_silvanmusic_christmas-time", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: true
});
var hohoho = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/hohoho", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});

var SantaLaughing = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/SantaLaughing", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});



var MerryChristmas = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/SantaMerryChristmas", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});
var Jingle2 = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/Jinglebells2", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
    volume: 100,
    loop: false
});


          
      
/***************************
Santa Magic Sound Effects
****************************/     

  
    SleighRide.play();Jingle2.play();hohoho.play();     
    setTimeout(function () {
    Jingle2.play();MerryChristmas.play();}, 8000
);
setTimeout(function () {
    SantaLaughing.play();}, 20000
);
setTimeout(function () {
    Jingle2.play();SantaLaughing.play();}, 35000
);
setTimeout(function () {
    hohoho.play();}, 50000
);
setTimeout(function () {
    Jingle2.play();MerryChristmas.play();}, 80000
);

setTimeout(function () {
    SantaLaughing.play();}, 100000
);
  
$('.santa').hover(function() {
                hohoho.play();Jingle2.play();
 
            }, function() {
                hohoho.stop();Jingle2.stop();
            }); 
$('.santa').click(function() {
     MerryChristmas.play();
     hohoho.stop();Jingle2.stop();
            });     
          

/***************************
Grouping the sounds so I can toggle them off and on all at once
****************************/     


var soundEffects = new buzz.group([
    hohoho,
    SleighRide,
    Jingle2,
    MerryChristmas,
    SantaLaughing

]);     
</script>

Thật sự lúc nào mình cũng CSS như của bác nhất. Mỗi tội ngu code :v

Người đăng	Chủ đề tương tự	Diễn đàn	Trả lời	Ngày đăng
	Styles Code_cache trong khi cài đặt xenforo.	Styles Xenforo	2	22/12/2019
N	Styles 2x HCM cần tìm pro code diễn đàn giống tinhte	Styles Xenforo	12	04/01/2019
T	Help Xin code như trong hình ạ	Styles Xenforo	1	06/10/2017
N	Styles Tìm cao thủ code giao diện Xenporta - Thương lượng giá	Styles Xenforo	0	30/03/2017
J	Help Học cách sửa code php, CSS trong style sẵn	Styles Xenforo	3	14/06/2016

Styles Code ông già giáng sinh, tuần lộc 2017

Holazama

Private

THB

Founder

Holazama

Private

quick87

Corporal

Đính kèm

xenmax

Private

Holazama

Private

2L.Ohayo

Moderator

Jindo_Katori

FirstSergeant

Chủ đề tương tự

Hướng dẫn sử dụng

Dịch vụ XenForo của VNXF

Xử lý sự cố (Troubleshooting)

Texlink

Nhà Tài Trợ

Thông tin chung

LIÊN KẾT

LIÊN KẾT

LIÊN KẾT

XenForo 1	XenForo 2
Translate by PVS