Стильные часы для сайта

35
10 из 10
Проголосовало: 1




Давно хотел сделать рип этих часов zagruzka-plus в интернете находил всякие кривые убожества которые выдавали за это и вот наконец сделал что то максимально приближенное к оригиналу.
Установка:
Сначала настроим отображение даты, для этого заходим в ПУ-Настройки-Общие настройки-Формат даты и времени и выбираем в выпадающем списке [25 Февраля 2005]
Вставляем этот код там где хотим видеть часы:
Код
<style>  
  @font-face {  
  font-family: lsdnova; /* Гарнитура шрифта */  
  src: url(http://theps.3dn.ru/fonts/a_lcdnova-allfont.ru-.ttf); /* Путь к файлу со шрифтом */  
  }  

/* Применение шрифта к определенным селекторам */  

  h1 {  
  font-family: lsdnova, cursive;  
  }  

  </style>  
<style >  

  .zp-b-pane {  
  width:220px;  
  height:50px;  
  background:url('http://theps.3dn.ru/img3/black-pane_chaci_ucoz.png') no-repeat #2F2F2F;  
  border-radius:3px;  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  color:#fff;  
  position:relative;  
  margin-bottom:8px;  
  }  

  .number-display {  
  width:8px;  
  height:12px;  
  display:block;  
  float:left;  
  margin:0px 1px;  
  background:url('http://theps.3dn.ru/img3/nims-display_chaci_ucoz.png?746') no-repeat;  
  }  
  .number-display.num0 {background-position:0px 0px;}  
  .number-display.num1 {background-position:-10px 0px;}  
  .number-display.num2 {background-position:-20px 0px;}  
  .number-display.num3 {background-position:-30px 0px;}  
  .number-display.num4 {background-position:-40px 0px;}  
  .number-display.num5 {background-position:-50px 0px;}  
  .number-display.num6 {background-position:-60px 0px;}  
  .number-display.num7 {background-position:-70px 0px;}  
  .number-display.num8 {background-position:-80px 0px;}  
  .number-display.num9 {background-position:-90px 0px;}  
  .number-display.num0e {background-position:-104px 0px;}  
  .number-display.sep {background-position:-98px 0px; width:6px;}  
  </style>  

  <div class="zp-b-pane">  
  <div style="position:absolute; top:18px; left:8px;"><img src="http://theps.3dn.ru/img3/label_server-time_chaci_ucoz.png" alt=""></div>  
  <div style="position:absolute; top:5px; left:106px; width:86px; font-size: 20px; font-family: 'lsdnova'; text-shadow: 2px 2px 2px #aaa; text-align:center;"><span id="time">00:00:00</span>  

<script type="text/javascript">  
setInterval(function () {  
date = new Date(),  
h = date.getHours(),  
m = date.getMinutes(),  
s = date.getSeconds(),  
h = (h < 10) ? '0' + h : h,  
m = (m < 10) ? '0' + m : m,  
s = (s < 10) ? '0' + s : s,  
document.getElementById('time').innerHTML = h + ':' + m + ':' + s;  
}, 1000);  
</script> </div>  
  <div style="position:absolute; top:30px; left:106px; width:86px; font-size: 11px; text-shadow: 2px 2px 2px #aaa; text-align:center;">$DATE$ </div>  
  <div id="zpclock" style="position:absolute; top:10px; left:111px;"></div>  
  </div>
Автор публикации: Загрузка
Загрузка
CSIL, это его n материал
Источник: http://theps.3dn.ru
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2125
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Fast3sa написал:
  • Работает отлично,только вот бяда,отправлять могут только проверенные пользователи заявки(а просто юзеры не могут)
  • Fast3sa написал:
  • окей я понял что там не так(точнее я смог отправить сообщение о заказе) но только после того как поменял группу пользователю,помогите решить эту траблу
  • Fast3sa написал:
  • Народ подскажите в чем трабла? проблема такова заполняю все поля нажимаю отправить а он пишет не верный код безопасности,как это исправить,кода нет не какого сразу говорю
  • xXx_Pycckuu_xXx написал:
  • Загнулся ucodes.ru xD
  • ЯдеR написал:
  • ставлю CSS стили и слетает стиль шапки и статистика ни как не меняется на такую, как у вас в примере
    Последние темы
    Опрос
    292
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: