markyoyoyo โพสต์ 2014-5-19 20:32:54

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


ตัวอย่างwww.bkk4you.com/gian/
ไปเอามากจากไทยเสี่ยวนะ จากคุณ ANALOGY
วิธีตั้งเวลา ว่าจะกำหนดกี่วันถึงจะแล้วเสร็จ เข้าที่ไฟล์ resources/js/main.js
/* EDIT BELOW */
        var launchDate = new Date("May 13, 2014 10:00:00");
        var procentageDone = 80;
        var headerColor = 'yellow';
        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
<p style="line-height: 30px; text-align: left; text-indent: 2em;">function setHeaderColor(color) {</p>
<p style="line-height: 30px; text-align: left; text-indent: 2em;">        color = color.toLowerCase();</p>
<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;">
</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;">
</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;">
</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
function setProgressFillColor(color) {

        color = color.toLowerCase();

        if(typeof color === "undefined") {
                color = 'green';
        }
       
        if(color in objectConverter(['green', 'blue', 'yellow', 'purple', 'red', 'gray'])) {
       
                $('.progressBarFill').attr('class', 'progressBarFill clear').addClass(color);
       
        }

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




หน้า: [1]
ดูในรูปแบบกติ: แจกหน้าเว็บนับเวลาถอยหลังปิดเว็บ