Hi, Phòng khách!
Trang chủ
Đăng nhập
Công Cụ Tìm Kiếm

Lần hoạt động

| |
Tìm kiếm

  Share Code Đếm Ngược Giáng Sinh 2016 Đơn Giản

Bài viết được duyệt bởi PuaruVN
Đăng ngày :11.12.2016 / 10:02[TOP]
VTA
VTA
Administrator
♥♥♥♥♥♥
[⚽ V4 TEAM ⚽]


Bắt Tay Vào Làm Thôi
[thank]1. CSS
PHP Code:
<?php
<style type="text/css">
body {
  
font-family'Mountains of Christmas'cursive;
  
color#ffffff;
  
background#C0392B;
  
backgroundrepeating-linear-gradient(
  
45deg,
  
#E74C3C,
  #E74C3C 10px,
  #C0392B 10px,
  #C0392B 20px);
}

.
christmas-bg {
  
backgroundrepeating-linear-gradient(
  
45deg,
  
#2ECC71,
  #2ECC71 10px,
  #27AE60 10px,
  #27AE60 20px
);
}

.
notxmas-bg {
  
backgroundrepeating-linear-gradient(
  
45deg,
  
#34495E,
  #34495E 10px,
  #2C3E50 10px,
  #2C3E50 20px
);
}

#mainwrap {
  
padding-top10px;
  
padding-bottom60px;
}

.
img-center {
    
displayblock;
    
margin-leftauto;
    
margin-rightauto;
 }

.
sleep-number {
  
font-family'Montserrat'sans-serif;
  
line-height1;
}

@
media (min-width768px) {
  .
sleep-number {
    
font-size300px;
  }
}

@
media (max-width767px) {
  .
sleep-number {
    
font-size150px;
  }
}

@
media (max-width480px) {
  .
sleep-number {
    
font-size90px;
  }
}

@
media (min-width481px) {
  .
sleep-text {
    
font-size80px;
  }
}

@
media (max-width480px) {
  .
sleep-text {
    
font-size40px;
  }
}

@
media (max-width480px) {
  
#xmasimg {
    
max-width200px;
  }
}</
style>
?>

2. HTML
PHP Code:
<?php
<div class="container">
    <
div id="mainwrap" class="col-md-8 col-md-offset-2 text-center">
     <
a href="https://santatracker.google.com/village.html/" target="_blank"><img id="xmasimg" src="https://dl.dropboxusercontent.com/s/5uqou2o4ya9agh1/bell-120px.png"/></a>
      <
div id="sleeps" class="sleep-number">-</div>
      <
div id="text" class="sleep-text">Sleeps Until Christmas</div>
    </
div>
</
div>
?>

3.Javascript
PHP Code:
<?php
<script type='text/javascript'>
$(
document).ready(function() {
  
  var 
sleepsTo 0;
  var 
monthDaysUntil = [359328300269239208178147116865525];
  var 
picAPic = ["630n0zf4ejjqhb3/snowman-120px.png""a9v1dtgs9m4g5h3/firestove-120px.png" ,"5uqou2o4ya9agh1/bell-120px.png""cqn10s10hv9xtne/cookie-120px.png""k54f3genpvbqr3e/christmasstar-120px.png""yqpfttxnara7cx7/candy-120px.png""hhu9jsyhuk39954/ribbon-120px.png""qqbd9ui5t5wrwoy/stick-120px.png""f2uaiqo50kecdwl/christmas-tree-120px.png""mdd0v8rn0zf5dcq/rocket-120px.png""f9n2w4nfujleve3/rudolph-120px.png""bmu0m8wxqjvbksz/santacart-120px.png""ilrzah9sw95ezwr/calendarchristmas-120px.png""9ox8sbx4s0va0xo/sinterclaus-120px.png"];
  var 
today = new Date();
  
  
// add a day to Jan and Feb if a leap year
  
var isLeap = new Date(today.getYear(), 129).getMonth() == 1;
  if (
today.getMonth() == 11 && today.getDate() > 25) {
    
isLeap = new Date((today.getYear()+1), 129).getMonth() == 1;
  };
  if(
isLeap) {
    
monthDaysUntil[0] = 360;
    
monthDaysUntil[1] = 329;
  };
  
  
//set the bg
  
if (today.getMonth() == 11) {
    $(
'#mainwrap').addClass('christmas-bg');
  }
  else {
    $(
'#mainwrap').addClass('notxmas-bg');
  }
  
  
//set the sleeps to Xmas
  
if (today.getMonth() == 11 && today.getDate() > 25) {
    
sleepsTo = (31 today.getDate()) + monthDaysUntil[0];
    $(
'#sleeps').text(sleepsTo);
    $(
"#xmasimg").attr("src","https://dl.dropboxusercontent.com/s/" picAPic[13]);
  }
  else {
    
sleepsTo monthDaysUntil[today.getMonth()] - today.getDate();
    $(
'#sleeps').text(sleepsTo);
    $(
"#xmasimg").attr("src","https://dl.dropboxusercontent.com/s/" picAPic[today.getMonth()]);
  }
  
  
// 1 sleep
  
if(sleepsTo == 1) {
    $(
'#text').text("Sleep Until Christmas");
  };
  
  
//if ITS CHRISTMAS!!!!
  
if(sleepsTo == 0) {
    $(
'#sleeps').text("-");
    $(
'#text').text("Ho, Ho, Ho, it's Christmas!!!");
    $(
"#xmasimg").attr("src","https://dl.dropboxusercontent.com/s/" picAPic[12]);
  };
});
</script>
?>

Tải về tập tin
[/thank]

Đã chỉnh sửa. VTA (11.12.2016 / 11:48) [1]
Đăng ngày :11.12.2016 / 11:25 #1
bonyeulam
bonyeulam
Active Member
♥♥♥
[xau trai - nha ngheo - hoc ngu -.-]
Demo
Bình luận bài viết
Đăng Nhập để Bình luận và sử dụng đầy đủ tính năng Diễn Đàn
  Tổng số: 2 Bình luận

Chia sẻ bài viết
Đám Mây Từ Khóa
Bài Viết Cùng chuyên mục
Lọc theo tác giả
Xem chủ để ngoại tuyến (Offline)

Trong diễn đàn

Sắp xếp theo thứ tự từ trên xuống
BigTruyen.info - Kho Truyện Tranh Online Khổng lồ
Trang chủ