BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Эффекты для сайта » Скрипт сколько дней я не курю или не пью. Счетчик на javascript

Скрипт сколько дней я не курю или не пью. Счетчик на javascript

2014-11-13 / Вр:00:00 / просмотров: 17069

Счетчики бывают разными. Одни считают дни и часы, оставшиеся к Новому году, другие показывают количество гостей на сайте, а счетчик, который я вам хочу сегодня представить, умеет считать дни проявленной силы воли!

Если вы – человек, решивший бросить вредную привычку (пить или курить), то этот счетчик послужит вам некой моральной поддержкой. Устанавливаете счетчик на своем блоге или сайте, и ваши гости могут наблюдать за тем, как изо дня в день вы проявляете выдержку и силу воли в борьбе с пагубной привычкой.

Если эта идея для вас, то предлагаю абсолютно готовый скрипт со всеми CSS оформлениями. Код можете цеплять в любом месте на сайте: в шапке, в боковой панеле, в футоре. Посмотрите, как выглядит счетчик:

[посмотреть демонстрацию]

Итак, минуя все нравоучения о том, что вам пора бросать курить или пить, даю код счетчика, который автоматически будет считать счастливые свободные дни вашей жизни:idea::

<html>
<head>
<title>скрипт против курения и алкоголя на BlogGood.ru</title>
<meta charset="utf-8">
<style>
.blok
{
width:350px;
height:375px;
background: url(fon.jpg) no-repeat top  center;
font:15px  Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
color:#fff;
}
.txt
{
text-align: center; /* текста по центру */
margin:80px 0 0 20px;
float: left;
}
.txt2
{
text-align: center; /* текста по центру */
margin:80px 40px 0 0;
float: right;
}
</style>
</head>
<body>
<div class="blok">
<p class="txt"><script language=JavaScript>
<!--
d0 = new Date('july 21, 1984');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Я не курю <B><br>' + Math.round(dt) + '</B>-й день.');
-->
</script></p>
<p class="txt2"><script language=JavaScript>
<!--
d0 = new Date('October 10, 2012');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Я не пью <B><br>' + Math.round(dt) + '</B>-й день.');
-->
</script></p>
</div>
</body>
</html>

Настройки:
В строке №33– установите дату, когда вы отказались от курева.
В строке №41 – установите дату, когда вы отказались от алкоголя.

Для класса «.blok» установите стили для фоновой картинки.
Для класса «.txt» и «.txt2» установите стили для текста.

Если кто не знает английского, вот список месяцев:

Январь – January
Февраль – February
Март – March
Апрель – April
Май – May
Июнь – June
Июль – July
Август – August
Сентябрь – September
Октябрь – October
Ноябрь – November
Декабрь – December

[скачать исходник]

Вот еще пару идей, как можно оформить счетчик, сколько вы не курите и не пьете:

Скрипт сколько дней я не курю или не пью. Счетчик на javascript

 

Скрипт сколько дней я не курю или не пью. Счетчик на javascript

 

Скрипт сколько дней я не курю или не пью. Счетчик на javascript

 

Скрипт сколько дней я не курю или не пью. Счетчик на javascript

 

Скрипт сколько дней я не курю или не пью. Счетчик на javascript

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 802
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4573