prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для DataLife Engine » DLE хаки » Таймер до определённой даты

Таймер до определённой даты


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Таймер до определённой даты.


Таймер до определённой даты


залить выйлы timer2.js и timer.js в папку templates/ваш шаблон/js/

в любое место шаблона

<div id="timer">
<div class="do_ocnalos">До дня премьеры осталось</div>
<div id="countdown"></div>
<script type="text/javascript" src="{THEME}/js/timer2.js"></script>
<script type="text/javascript" src="{THEME}/js/timer.js"></script>
</div>


в .css добавить и подредактировать

/* отщёт до даты */
#timer {
padding:10px 0 0 12px;
font-size:26px;
margin:0;
width:228px;
height:67px;
}

.do_ocnalos {
display:block;
font-size:14px;
text-align:center;
height:20px;
}

.countDays,.countHours,.countMinutes,.countSeconds {
float:left;
display:block;
width:35px;
height:31px;
padding:3px 5px 3px 4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
overflow:hidden;
}

.countDiv {
float:left;
padding:3px 3px 3px 3px;
display:block;
}
/* отщёт до даты */


Для правки даты использовать timer.js

Z taymer.rar Размер: 2.17 Kb, скачали 705 раз


+49
Просмотры: 9577 VIP ProWebber | Комментарии (29)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1DjumShuT

  • 31 июля 2012 17:19
  • Регистрация: 12.11.2010
  • ICQ: --
  • Комментариев: 28
Owow ..... very nice !!

+2

#2bizZz0n

  • 31 июля 2012 17:41
  • Регистрация: 21.09.2010
  • ICQ: --
  • Комментариев: 87
Давно искал именно такое, огромнейшее спасибо!

0

#3counterbee

  • 31 июля 2012 18:02
  • Регистрация: 8.05.2012
  • ICQ: --
  • Комментариев: 43
супер лови plus

--------------------

+1

#4wolf28

  • 31 июля 2012 18:56
  • Регистрация: 20.07.2012
  • ICQ: --
  • Комментариев: 15
хорошая тема, надо бы куда-нить приспособить
PS: рассмешила фраза в конце кода, неужели так можно писать rofl
/* отщёт до даты */

+5

#5vanea11111

  • 31 июля 2012 19:52
  • Регистрация: 24.12.2010
  • ICQ: --
  • Комментариев: 13
у меня не показывают черные квадратики почему?

0

#6D0Gmatist

  • 31 июля 2012 19:59
  • Регистрация: 28.07.2012
  • ICQ: --
  • Комментариев: 297
  • Выкл.
Цитата: vanea11111
у меня не показывают черные квадратики почему?


кинь Url посмотрю

--------------------

0

#7Tonchi

  • 31 июля 2012 20:07
  • Регистрация: 13.04.2011
  • ICQ: --
  • Комментариев: 129
  • Выкл.
D0Gmatist,
поделись табульными окнами, спасибо.

0

#8Andrey™

  • 31 июля 2012 21:05
  • Регистрация: 28.09.2010
  • ICQ: --
  • Комментариев: 153
  • Выкл.
DataLife Engine » DLE хаки
С DLE связи - никакой.
Обычный jQuery плагин, который можно поставить абсолютно на любой сайт.

+1

#9Kickman

  • 31 июля 2012 21:27
  • Регистрация: 6.12.2011
  • ICQ: --
  • Комментариев: 48
Спасибо ok .

P.S. А чё в архиве в "установка.txt" пусто?

0

#10D0Gmatist

  • 31 июля 2012 22:09
  • Регистрация: 28.07.2012
  • ICQ: --
  • Комментариев: 297
  • Выкл.
ну извените ... а без вас это не было понятно .. я описал пример именно для того как это внедрить на DLE

--------------------

0

#11juventini

  • 31 июля 2012 23:35
  • Регистрация: 22.01.2011
  • ICQ: --
  • Комментариев: 23
А можно задавать в дате часы и минуты, что бы к ним ишел отсчет?

0

#12Slavchik

  • 1 августа 2012 04:05
  • Регистрация: 5.12.2010
  • ICQ: --
  • Комментариев: 137
  • Выкл.
какой это хак? так обычный скрипт для любого сайта.

-1

#13halovv

  • 1 августа 2012 05:55
  • Регистрация: 7.06.2011
  • ICQ: --
  • Комментариев: 12
Я тоже у себя поставил но работает только сам таймер а ксс коды не отоброжаются,автор если делаеш что то,то делай с правильными руками

--------------------

-4

#14antoxa-kms

  • 1 августа 2012 17:20
  • Регистрация: 21.04.2011
  • ICQ: --
  • Комментариев: 86
Кому нужны квадратики вокруг цифр можете сделать так
Найти
.countDays,.countHours,.countMinutes,.countSeconds {

и добавить
background-color: #1D1D1D;
border: 1px solid #333;
box-shadow: 0px 2px 3px #666;

Получится так

Сделал для себя но цвета можно менять так что дальше вы сами. А автор должен был сразу дописать это в стиле =\

--------------------

0

#15antoxa-kms

  • 1 августа 2012 18:01
  • Регистрация: 21.04.2011
  • ICQ: --
  • Комментариев: 86
Хочу добавить.. сразу не разглядел но на скрине квадратики сделаны с помощь градиентного фона и текст вдавленный это делается с помощью text-shadow кто хочет как там гуглите))

--------------------

0

#16oneteam

  • 1 августа 2012 20:14
  • Регистрация: 9.11.2011
  • ICQ: --
  • Комментариев: 2
/* hours_baner_timer */
.hours_baner_timer {
margin: 10px 10px 0 10px;
width:240px;
}
#hours {
padding:10px 0 0 11px;
font-size:42px;
margin:0;
width:229px;
height:79px;
}

#hours .time {
float:left;
margin:0 10px 0 0;
padding:10px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
/* baner */
#baner {
background: url(../images/baner.jpg) no-repeat 50% 0;
display:block;
padding:0;
font-size:26px;
margin:0 35px 0 35px;
width:170px;
height:243px;
-moz-box-shadow:0 1px 5px #555;
-ms-box-shadow:0 1px 5px #555;
-webkit-box-shadow:0 1px 5px #555;
box-shadow:0 1px 5px #555;
}
/* baner */
#timer {
padding:10px 0 0 12px;
font-size:26px;
margin:0;
width:228px;
height:67px;
}

.do_ocnalos {
display:block;
font-size:14px;
text-align:center;
height:20px;
}

.countDays,.countHours,.countMinutes,.countSeconds {
float:left;
display:block;
width:35px;
height:31px;
padding:3px 5px 3px 4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
overflow:hidden;
}

.countDiv {
float:left;
padding:3px 3px 3px 3px;
display:block;
}
/* hours_baner_timer */

0

#17oneteam

  • 1 августа 2012 21:10
  • Регистрация: 9.11.2011
  • ICQ: --
  • Комментариев: 2
http://tutorialzine.com/2011/12/countdown-jquery/

+1

#18stergen

  • 2 августа 2012 17:48
  • Регистрация: 19.07.2012
  • ICQ: --
  • Комментариев: 10
chok круто, хочууууу

0

#19LIVE32

  • 2 августа 2012 20:52
  • Регистрация: 4.02.2012
  • ICQ: 640638285
  • Комментариев: 15
не работает diablo

0

#20sema96

  • 16 августа 2012 07:32
  • Регистрация: 26.04.2011
  • ICQ: --
  • Комментариев: 2
Как выставить дату в 283 дня?, больше 14 первое число не меняется..

0
1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Гарантийный ремонт кулеров

Продажа, аренда и ремонт кулеров, диспенсеров и др

coolers23.ru


Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки