9.8 из 10
Проголосовало: 19
Давно хотел сделать рип этих часов 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>
Автор публикации: Загрузка
Загрузка
Источник: http://theps.3dn.ru
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация |
Вход
?
/* Скрывает каперайт ucoz */
.banner_u {
opacity:0.2 ;
}
/* ----------------- */
opacity:0.1 ; это легальное скрытее $POWERED_BY$
ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.
Ставим в ccs и все
/* Скрывает каперайт ucoz */
.banner_u {
opacity:0.2 ;
}
/* ----------------- */
Было бы лучше если бы данный скрипт работал)
Возможно из-за капчи для пользователей
11:39
Ответов:
1603 Написал:
AdminSB Дата:
14.09.2022 19:37
Ответов:
23 Написал:
arman02151 Дата:
27.04.2021 00:01
Ответов:
4 Написал:
doc74 Дата:
17.02.2020 20:54
Ответов:
0 Написал:
Betme Дата:
11.01.2020 10:00
Ответов:
3 Написал:
vover6 Дата:
24.12.2019 13:07
Ответов:
14 Написал:
vover6 Дата:
07.03.2019 18:37
Ответов:
8 Написал:
lizbeti4ek Дата:
21.02.2019 21:33
Ответов:
2 Написал:
CbIPoK2513 Дата:
15.05.2018 17:25
Ответов:
0 Написал:
CbIPoK2513 Дата:
13.05.2018
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Для проверки введите адрес сайта в форму ниже: