แจกหน้าเว็บนับเวลาถอยหลังปิดเว็บ

markyoyoyo

ตัวอย่างwww.bkk4you.com/gian/

ไปเอามากจากไทยเสี่ยวนะ จากคุณ ANALOGY

วิธีตั้งเวลา ว่าจะกำหนดกี่วันถึงจะแล้วเสร็จ เข้าที่ไฟล์ resources/js/main.js

1. /* EDIT BELOW */
   
2.         var launchDate = new Date("May 13, 2014 10:00:00");
   
3.         var procentageDone = 80;
   
4.         var headerColor = 'yellow';
   
5.         var progressFillColor = 'green';

คัดลอกไปที่คลิปบอร์ด

คือ new Date("May 13, 2014 10:00:00"); ปรับเดือน วัน ปี เวลา ที่ต้องการนับถอยหลังตามระยะเวลาที่จะแล้วเสร็จ

var procentageDone = 80; คือ 80% แถบดาวน์โหลด จะบอกสถานะว่า เว็บคุณได้ทำการปรับปรุงถึง 80% แล้วนะ

var headerColor = 'yellow'; คือ เปลี่ยนสี BG HEADER เป็นสี น้ำเงิน หรือ แดง หรือ

อะไรก็แล้วแต่ตามแม่สี  ['green', 'blue', 'yellow', 'purple', 'red', 'gray']

var progressFillColor = 'green'; สีแถบดาวน์โหลด ตามแม่สีที่กำหนดให้ข้อบนครับ

วิธีเปลี่ยนสีธีม เข้าที่ไฟล์ resources/js/functions.js

1. <p style="line-height: 30px; text-align: left; text-indent: 2em;">function setHeaderColor(color) {</p>
   
2. <p style="line-height: 30px; text-align: left; text-indent: 2em;">        color = color.toLowerCase();</p>
   
3. <p style="text-indent: 2em;"><div style="line-height: 30px; text-align: left;"><span style="text-indent: 2em;">if(typeof color === "undefined") {</span></div><div style="line-height: 30px; text-align: left;"><span style="text-indent: 2em;">color = 'yellow';</span></div><div style="line-height: 30px; text-align: left;"><span style="text-indent: 2em;">}</span></div>        <div style="text-align: left;"><span style="line-height: 30px;">
   
4. </span></div><span style="line-height: 30px;"><div style="text-align: left;"><span style="text-indent: 2em;">if(color in objectConverter(['green', 'blue', 'yellow', 'purple', 'red', 'gray'])) {</span></div></span>        <div style="text-align: left;">
   
5. </div><span style="line-height: 30px;"><div style="text-align: left;"><span style="text-indent: 2em;">$('.header').attr('class', 'header').addClass(color);</span></div></span>        <div style="text-align: left;">
   
6. </div><span style="line-height: 30px;"><div style="text-align: left;"><span style="text-indent: 2em;">}</span></div></span></p>

คัดลอกไปที่คลิปบอร์ด

ตรงช่อง color = 'yellow';
คือ สีทีมของเว็บครับ จะเปลี่ยนจากสีเหลือง เป็นสีน้ำเงิน เท่ๆก็ได้ครับ สวยดี แล้วแต่คนชอบ
วิธีเปลี่ยนสีแถบดาวน์โหลด เข้าที่ไฟล์ resources/js/functions.js

1. function setProgressFillColor(color) {
   
2. 
   
3.         color = color.toLowerCase();
   
4. 
   
5.         if(typeof color === "undefined") {
   
6.                 color = 'green';
   
7.         }
   
8.        
   
9.         if(color in objectConverter(['green', 'blue', 'yellow', 'purple', 'red', 'gray'])) {
   
10.        
    
11.                 $('.progressBarFill').attr('class', 'progressBarFill clear').addClass(color);
    
12.        
    
13.         }
    
14. 
    
15. }

คัดลอกไปที่คลิปบอร์ด

คือ จากเดิมนะครับ color = 'green'; จะเป็นแถบดาวน์โหลดสีเขียว
เปลี่ยนเป็นสีอื่นได้ครับ 'green', 'blue', 'yellow', 'purple', 'red', 'gray' ตามนี้เลย