В теме одно сообщение

[Candyover]

Пользовался счетчик с сайтаtimegenerator.ru (просто там выбрал таймер что мне нравится и вставлял ссылку на свой сайт), но timegenerator.ru закрыли.
Теперь мне нужно поставить новый счетчик ( вот этот http://sanographix.g...css3-countdown/ )  но сколько бы я не разбирался, сколько бы вы не кидали мне ссылки не могу я понять что и как делать, и в какой последовательности. По этому прошу дать не ссылки на темы, а ответ. Спасибо!

[MikDark]

Candyover (09 Апрель 2014 - 22:40) писал:

Пользовался счетчик с сайтаtimegenerator.ru (просто там выбрал таймер что мне нравится и вставлял ссылку на свой сайт), но timegenerator.ru закрыли.
Теперь мне нужно поставить новый счетчик ( вот этот http://sanographix.g...css3-countdown/ )  но сколько бы я не разбирался, сколько бы вы не кидали мне ссылки не могу я понять что и как делать, и в какой последовательности. По этому прошу дать не ссылки на темы, а ответ. Спасибо!

Вам нужно все файлы, которые есть в архиве, загрузить через раздел: Сайт - Редактор шаблонов.
Далее открыть шаблон HTML, и перед </head> добавить:

<link rel="stylesheet" media="screen" href="{ASSETS_STYLES_PATH}normalize.css" />
<link rel="stylesheet" media="screen" href="{ASSETS_STYLES_PATH}style.css" />
<script src="{ASSETS_JS_PATH}countdown.js"></script>

Далее в нужное место в этом шаблоне вставить сам код счетчика:

<div class="bg-gradient"></div>
<div class="container">
<h1>CSS3 Countdown</h1>
<h2>Jan.01 2020 0:00 OPEN</h2>
<div id="CDT"></div>
</div>

После открываем шаблон style.css ищем код:

body {
background: #222 url('../images/bg.gif') repeat;
color: #fff;
-moz-text-shadow: 0 -1px 0 #000;
-webkit-text-shadow: 0 -1px 0 #000;
text-shadow: 0 -1px 0 #000;
font-family: 'Helvetica Neue','Helvetica','Arial', sans-serif;
}
.bg-gradient {
position: fixed;
width: 1000px;
height: 1000px;
top: 50%;
left: 50%;
z-index: -1;
margin: -500px 0 0 -500px;
background: url('../images/bg-gradient.png') no-repeat center;
}

и меняем на:

body {
background: #222 url('{ASSETS_IMAGES_PATH}bg.gif') repeat;
color: #fff;
-moz-text-shadow: 0 -1px 0 #000;
-webkit-text-shadow: 0 -1px 0 #000;
text-shadow: 0 -1px 0 #000;
font-family: 'Helvetica Neue','Helvetica','Arial', sans-serif;
}
.bg-gradient {
position: fixed;
width: 1000px;
height: 1000px;
top: 50%;
left: 50%;
z-index: -1;
margin: -500px 0 0 -500px;
background: url('{ASSETS_IMAGES_PATH}bg-gradient.png') no-repeat center;
}