Отчёт до дня

Код:

<style>
.m_cell, .m_cell_big{
background: #ffb76b;
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
background: linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
}

.m_cell{
    float: left;
    font-family: Arial Black,Arial,serif;
    margin: 3px;
    width: 60px;
    font-style: italic;
    font-size: 25px;
    text-align: center;
}

</style>

    <div style="text-align: center; padding:5px; margin: 0 auto; border: 1px solid #000; width: 264px; background: #aebcbf; background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); background: linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); height: 42px;"> 
    <script Language="javascript"> 
    function cdtime(container, targetdate){ 
        if (!document.getElementById || !documеnt.getElementById(container)) return 
        this.container=document.getElеmеntById(container) 
        this.currеntTime=new Date() 
        this.targetdate=new Date(targetdate) 
        this.timеsup=false 
        this.updateTime() 
        } 
        cdtime.prototype.updateTime=function(){ 
        var thisobj=this 
        this.currentTime.setSeconds(this.currentTime.getSeconds()+1) 
        setTimeout(function(){thisobj.updateTime()}, 1000) 
        } 
        cdtime.prototype.displaycountdown=function(baseunit, functionref){ 
        this.baseunit=baseunit 
        this.formatresults=functionref 
        this.showresults() 
        } 
        cdtime.prototype.showresults=function(){ 
        var thisobj=this 
        var timediff=(this.targetdate-this.currentTime)/1000 
        if (timediff<0){ 
        this.timesup=true 
        this.container.innerHTML=this.formatresults() 
        return 
        } 
        var oneMinute=60 
        var oneHour=60*60 
        var oneDay=60*60*24 
        var dayfield=Math.floor(timediff/oneDay) 
        var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) 
        var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) 
        var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) 
        if (this.baseunit=="hours"){ 
        hourfield=dayfield*24+hourfield 
        dayfield="n/a" 
        } 
        else if (this.baseunit=="minutes"){ 
        minutefield=dayfield*24*60+hourfield*60+minutefield 
        dayfield=hourfield="n/a" 
        } 
        else if (this.baseunit=="seconds"){ 
        var secondfield=timediff 
        dayfield=hourfield=minutefield="n/a" 
        } 
        this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield) 
        setTimeout(function(){thisobj.showresults()}, 1000) 
        } 
        function formatresults2(){ 
        if (this.timesup==false){ 
        var displaystring="<div class='m_cell'>"+arguments[0]+ "</div><div class='m_cell'>"+arguments[1]+"</div><div class='m_cell'> "+arguments[2]+"</div><div class='m_cell'>"+arguments[3]+"</div>" 
        } 
        else{ 
        var displaystring="<div class='m_cell_big'>Time is over</div>" 
        //alert("Time is over") 
        } 
        return displaystring 
        } 
        </script> 
        <div id="countdowncontainer2"></div> 
        <script type="text/javascript"> 
        var currentyear=new Date().getFullYear() 
        var christmas=new cdtime("countdowncontainer2", "january 1, "+"2012"+" 0:0:00") 
        christmas.displaycountdown("days", formatresults2) 
    </script>

    </div>

var christmas=new cdtime("countdowncontainer2", "january 1, "+"2012"+" 0:0:00")

january
february
may
december
april
march
october
september
august
november
june
july

var christmas=new cdtime("countdowncontainer2", "february 23, "+"2013"+" 0:0:00")

Код:

<style type="text/css">
.m_cell{
width: 67px;
height: 70px;
margin: 1px;
float: left;
font-family: Arial Black;
font-style: italic;
font-size: 25px;
text-align: center;
background: #1F1205 url(http://i44.servimg.com/u/f44/16/54/26/99/snap0210.gif) no-repeat center top;
text-align: center;
}
.m_cell p {
font-family: Arial;
height: 20px;
color: #9E8871;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}
.newyear1 {
font-size: 20px;
color: #FF0000;
padding-left: 35px;
background: transparent url(http://fantasyflash.ru/anime/arrow/image/ar15.gif) no-repeat center left;
}
</style>

<script Language="javascript">   
function cdtime(container, targetdate){   
    if (!document.getElementById || !document.getElementById(container)) return   
    this.container=document.getElementById(container)   
    this.currentTime=new Date()   
    this.targetdate=new Date(targetdate)   
    this.timesup=false   
    this.updateTime()   
    }   
    cdtime.prototype.updateTime=function(){   
    var thisobj=this   
    this.currentTime.setSeconds(this.currentTime.getSeconds()+1)   
    setTimeout(function(){thisobj.updateTime()}, 1000)   
    }   
    cdtime.prototype.displaycountdown=function(baseunit, functionref){   
    this.baseunit=baseunit   
    this.formatresults=functionref   
    this.showresults()   
    }   
    cdtime.prototype.showresults=function(){   
    var thisobj=this   
    var timediff=(this.targetdate-this.currentTime)/1000   
    if (timediff<0){   
    this.timesup=true   
    this.container.innerHTML=this.formatresults()   
    return   
    }   
    var oneMinute=60   
    var oneHour=60*60   
    var oneDay=60*60*24   
    var dayfield=Math.floor(timediff/oneDay)   
    var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)   
    var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)   
    var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))   
    if (this.baseunit=="hours"){   
    hourfield=dayfield*24+hourfield   
    dayfield="n/a"   
    }   
    else if (this.baseunit=="minutes"){   
    minutefield=dayfield*24*60+hourfield*60+minutefield   
    dayfield=hourfield="n/a"   
    }   
    else if (this.baseunit=="seconds"){   
    var secondfield=timediff   
    dayfield=hourfield=minutefield="n/a"   
    }   
    this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)   
    setTimeout(function(){thisobj.showresults()}, 1000)   
    }   
    function formatresults2(){   
    if (this.timesup==false){
var displaystring="<div class='m_cell'>"+arguments[0]+ " <p>Дней</p></div><div class='m_cell'>"+arguments[1]+"  <p>Часов</p></div><div class='m_cell'> "+arguments[2]+" <p>Мин</p></div><div class='m_cell'>"+arguments[3]+" <p>Сек</p></div>"
    }   
    else{   
    var displaystring="<span class='newyear1'>Событие сегодня!</span>"   
    //alert("Событие сегодня!")   
    }   
    return displaystring   
    }   
    </script>   
    <div id="countdowncontainer2"></div>   
    <script type="text/javascript">   
    var currentyear=new Date().getFullYear()   
    var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1   
    var christmas=new cdtime("countdowncontainer2", "january 8, "+2012+" 0:0:00")   
    christmas.displaycountdown("days", formatresults2)   
</script>

как спустить надписи дней, часов, минус и секунд?

Код:

.m_cell p {

Код:

margin-top:10px;

Как сделать фон надписей дней, часов, минут, секунд и сами надписи полу прозрачными?

Код:

background: #1F1205 url(http://i44.servimg.com/u/f44/16/54/26/99/snap0210.gif) no-repeat center top;

Код:

background: rgba(31, 18, 5, 0.6)  url(http://i44.servimg.com/u/f44/16/54/26/99/snap0210.gif) no-repeat center top;

А можно фон не много по веднее?

Код:

rgba(31, 18, 5, 0.6)

Как сделать надписи дней, часов, минут, секунд полу прозрачными?

Код:

color: #9E8871;

Код:

color: rgba(158, 136, 113, 0.8);

Как сделал само время, не белого цвета, а черного?

Код:

.m_cell{

Код:

color: #000

Код:

<style type="text/css">
.m_cell{
width: 67px;
height: 70px;
margin: 1px;
float: left;
font-family: Arial Black;
font-style: italic;
font-size: 25px;
color: #000;
background: rgba(31, 18, 5, 0.8)  url(http://i44.servimg.com/u/f44/16/54/26/99/snap0210.gif) no-repeat center top;
text-align: center;
}
.m_cell p {
font-family: Arial;
height: 20px;
color: rgba(158, 136, 113, 0.8);
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
margin-top:10px;
}
.newyear1 {
font-size: 20px;
color: #FF0000;
padding-left: 35px;
background: transparent url(http://fantasyflash.ru/anime/arrow/image/ar15.gif) no-repeat center left;
}
</style>

<script Language="javascript">   
function cdtime(container, targetdate){   
    if (!document.getElementById || !document.getElementById(container)) return   
    this.container=document.getElementById(container)   
    this.currentTime=new Date()   
    this.targetdate=new Date(targetdate)   
    this.timesup=false   
    this.updateTime()   
    }   
    cdtime.prototype.updateTime=function(){   
    var thisobj=this   
    this.currentTime.setSeconds(this.currentTime.getSeconds()+1)   
    setTimeout(function(){thisobj.updateTime()}, 1000)   
    }   
    cdtime.prototype.displaycountdown=function(baseunit, functionref){   
    this.baseunit=baseunit   
    this.formatresults=functionref   
    this.showresults()   
    }   
    cdtime.prototype.showresults=function(){   
    var thisobj=this   
    var timediff=(this.targetdate-this.currentTime)/1000   
    if (timediff<0){   
    this.timesup=true   
    this.container.innerHTML=this.formatresults()   
    return   
    }   
    var oneMinute=60   
    var oneHour=60*60   
    var oneDay=60*60*24   
    var dayfield=Math.floor(timediff/oneDay)   
    var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)   
    var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)   
    var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))   
    if (this.baseunit=="hours"){   
    hourfield=dayfield*24+hourfield   
    dayfield="n/a"   
    }   
    else if (this.baseunit=="minutes"){   
    minutefield=dayfield*24*60+hourfield*60+minutefield   
    dayfield=hourfield="n/a"   
    }   
    else if (this.baseunit=="seconds"){   
    var secondfield=timediff   
    dayfield=hourfield=minutefield="n/a"   
    }   
    this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)   
    setTimeout(function(){thisobj.showresults()}, 1000)   
    }   
    function formatresults2(){   
    if (this.timesup==false){
var displaystring="<div class='m_cell'>"+arguments[0]+ " <p>Дней</p></div><div class='m_cell'>"+arguments[1]+"  <p>Часов</p></div><div class='m_cell'> "+arguments[2]+" <p>Мин</p></div><div class='m_cell'>"+arguments[3]+" <p>Сек</p></div>"
    }   
    else{   
    var displaystring="<span class='newyear1'>Событие сегодня!</span>"   
    //alert("Событие сегодня!")   
    }   
    return displaystring   
    }   
    </script>   
    <div id="countdowncontainer2"></div>   
    <script type="text/javascript">   
    var currentyear=new Date().getFullYear()   
    var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1   
    var christmas=new cdtime("countdowncontainer2", "april 1, "+2012+" 0:0:00")   
    christmas.displaycountdown("days", formatresults2)   
</script>