Question

 

Как реализовать подобную дату материала на uCoz

Answer 1

Очень просто, переходим в общие настройки сайта:

1. задаем Формат даты и времени: 25 Фев 2005.

2. В виде материалов добавляем код:

 <div id="edate$ID$" class="edate" title="$TIME$">
    <span id="day$ID$" class="date-day"></span>
    <span id="month$ID$" class="date-month"></span>
    <script>
        var date$ID$ = '$DATE$'.split(' ');
        $('#day$ID$').html(date$ID$[0]);
        $('#month$ID$').html(date$ID$[1]);
    </script>
    </div>

3. в стили добавьте:

.edate {
    position: absolute;
    left: -60px;
    top: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background: #f45a2b;
    border-radius: 5px;
}
.edate span {
    display: block;
    line-height: 19px;
}
.edate .date-day {
    font-size: 22px;
    margin-top: 7px;
}
.edate .date-month {
    font-size: 14px;
}

это почти готовый пример, все мелочи дорабатываем или меняем стили под себя. Должно получится почти так как на примере, только цвет данного блока будет другой, это в стилях найдете и поменяете.