Мы в твиттере Мы в телеграме!

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

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

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

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

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


залить выйлы 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

taymer.rar [2.17 Kb] (cкачиваний: 785)
MD5: 91beb0ec94bbb37e1d33147373a34190


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+46
Просмотры: 12 286 :: Комментарии (29) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1DjumShuT

  • 31 июля 2012 17:19
  • Регистрация: 12.11.2010
  • Был(а) онлайн: 7.07.2014
  • Комментариев: 28
  • +2
Owow ..... very nice !!

#2bizZz0n

  • 31 июля 2012 17:41
  • Регистрация: 21.09.2010
  • Был(а) онлайн: 26.01.2021
  • Комментариев: 88
  • 0
Давно искал именно такое, огромнейшее спасибо!

#3counterbee

  • 31 июля 2012 18:02
  • Регистрация: 8.05.2012
  • Был(а) онлайн: 2.03.2015
  • Комментариев: 43
  • +1
супер лови plus

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

#4wolf28

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

#5vanea11111

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

#6D0Gmatist

  • 31 июля 2012 19:59
  • Регистрация: 28.07.2012
  • Был(а) онлайн: 24.06.2021
  • Комментариев: 291
  • 0
Цитата: vanea11111
у меня не показывают черные квадратики почему?


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

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

#7Tonchi

  • 31 июля 2012 20:07
  • Регистрация: 13.04.2011
  • Был(а) онлайн: 3.06.2020
  • Комментариев: 129
  • 0
D0Gmatist,
поделись табульными окнами, спасибо.

#8Andrey™

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

#9Kickman

  • 31 июля 2012 21:27
  • Регистрация: 6.12.2011
  • Был(а) онлайн: 15.01.2014
  • Комментариев: 47
  • 0
Спасибо ok .

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

#10D0Gmatist

  • 31 июля 2012 22:09
  • Регистрация: 28.07.2012
  • Был(а) онлайн: 24.06.2021
  • Комментариев: 291
  • 0
ну извените ... а без вас это не было понятно .. я описал пример именно для того как это внедрить на DLE

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

#11juventini

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

#12Slavchik

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

#13halovv

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

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

#14antoxa-kms

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

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

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

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

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

#15antoxa-kms

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

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

#16oneteam

  • 1 августа 2012 20:14
  • Регистрация: 9.11.2011
  • Был(а) онлайн: 26.10.2013
  • Комментариев: 2
  • 0
/* 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 */

#17oneteam

  • 1 августа 2012 21:10
  • Регистрация: 9.11.2011
  • Был(а) онлайн: 26.10.2013
  • Комментариев: 2
  • +1
http://tutorialzine.com/2011/12/countdown-jquery/

#18stergen

  • 2 августа 2012 17:48
  • Регистрация: 19.07.2012
  • Был(а) онлайн: 23.10.2012
  • Комментариев: 10
  • 0
chok круто, хочууууу

#19LIVE32

  • 2 августа 2012 20:52
  • Регистрация: 4.02.2012
  • Был(а) онлайн: 4.11.2019
  • Комментариев: 15
  • 0
не работает diablo

#20sema96

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

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

Архив новостей
Декабрь 2024 (9)
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)

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