Сообщений в теме: 87

[ursuds]

Здравствуйте, хочу сделать таймер обратного отсчета времени, но никак не получается. Хочу, чтобы выглядело как на картинке, за ранее спасибо.

Прикрепленные изображения

• 

[Vaccina]

Подобный вопрос обсуждался - вы его можете прочитать тут http://forum.storela...ndpost__p__8829

[ursuds]

Я данную тему просматривал, пытался и так и сяк, но я не разбираюсь в этом... получается весь сайт на перекосяк как на картинке. Хотелось бы, чтобы таймер стоял в левом верхнем углу не трогая контактов, у меня нет логотипа поэтому там ему идеальное место, но вот влево перенести никак не получается...

Прикрепленные изображения

• 

[Vaccina]

По идее этот блок с обратном отсчетом нужно обвернут в новый блок с сл. стилем:

<div style="position:absolute;z-index:1;left:50px;top:50px;width:200px;">тут весь код счетчика</div>

Далее можно управлять положением данного блока через свойства left и top а так же изменить ширину через width

[Landing Page]

Всем привет. Скажите пожалуйста, а как поместить Таймер в одно из этих мест?

Прикрепленные изображения

• 

[Vaccina]

Добавьте код в шаблон "HTML" после строки <div id="header">

<div style="position:absolute;right:20px;top:120px;">В данное место вставляете ваш код "Таймер"</div>

[Landing Page]

подскажите пожалуйста, как поставить вот такой счётчик?

В архиве к этому счётчику прилагался файл: jquery.countdown.js

Пытался установить, но получился только текст "часы минуты секунды" и всё мену съехало вниз...

У кого есть опыт с установкой подобных счётчиков, отзовитесь.

Прикрепленные изображения

• 

[Vaccina]

Пожалуйста, сообщите ваш адрес сайта.

[Landing Page]

Vaccina (02 Май 2012 - 21:15) писал:

Пожалуйста, сообщите ваш адрес сайта.

http://dressz.ru

Хочу поставить таймер на том месте где "гарантия и доставка"

[Vaccina]

Вам необходимо обвернуть код вашего счетчика в следующий блок

<div style="position:absolute;z-index:2;left:120px;top:80px;">
 Тут код вашего счетчика
</div>

И вставить получившийся код в шаблон "HTML" после строки

<div id="header" class="container">

далее выровнять положение изменяя значения left и top

[Landing Page]

Vaccina (03 Май 2012 - 20:01) писал:

Вам необходимо обвернуть код вашего счетчика в следующий блок

<div style="position:absolute;z-index:2;left:120px;top:80px;">
 Тут код вашего счетчика
</div>

И вставить получившийся код в шаблон "HTML" после строки

<div id="header" class="container">

далее выровнять положение изменяя значения left и top

хм.. получилась ерунда какая-то     http://dressz.ru

Вот какие инструкции были на сайте:

Разметка HTML

Разметка для Демо 1
  <div id="counter"></div>
  <div class="desc">
    <div>Дни</div>
    <div>Часы</div>
    <div>Минуты</div>
    <div>Секунды</div>
  </div>
  <a href="" onclick="$('#counter').countdown('pause');return false">Пауза</a> | <a href="" onclick="$('#counter').countdown('start');return false">Старт</a>
  <br />
  <br />
  <br />
  <div id="counter_2"></div>
  <div class="desc">
    <div>Минуты</div>
    <div>Секунды</div>
  </div>


CSS

Стили для Демо 1:
      br { clear: both; }
      .cntSeparator {
        font-size: 54px;
        margin: 10px 7px;
        color: #000;
      }
      .desc { margin: 7px 3px; }
      .desc div {
        float: left;
        font-family: Arial;
        width: 70px;
        margin-right: 65px;
        font-size: 13px;
        font-weight: bold;
        color: #000;
      }


javascript

В шапке покдлючаем jQuery, плагин countdown и скрипт его вызова (для Демо 1):
    <script src="http://ajax.googleap.../jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.countdown.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function(){
        $('#counter').countdown({
          image: 'img/digits.png',
          startTime: '01:12:12:00'
        });

        $('#counter_2').countdown({
          image: 'img/digits.png',
          startTime: '00:10',
          timerEnd: function(){ alert('Время вышло!'); },
          format: 'mm:ss'
        });
      });
    </script>

И ещё файл jquery.countdown.js нужно закачивать в директорию?

[Vaccina]

Да, файл jquery.countdown.js необходимо закачивать и подключать.
А строка

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

ненужна.

[Landing Page]

Vaccina (06 Май 2012 - 08:39) писал:

Да, файл jquery.countdown.js необходимо закачивать и подключать.
А строка

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

ненужна.

А куда вставлять разметку ХТМЛ и javascript ?

[Vaccina]

Разметку HTML необходимо поместить в шаблон "HTML" или "Страница", а javascript в файл main.js

[nozzLess]

Здравствуйте. у меня шаблон "пластик". никак не получается вставить этот таймер. полдня уже убил. =((( хочу вставить его на страницу товара, который идет по акции под фразой "Товар участвует в акции....". И еще хочу вставить его на главную. Подскажите плз!

[support 2.0]

nozzLess (07 Февраль 2013 - 14:37) писал:

Здравствуйте. у меня шаблон "пластик". никак не получается вставить этот таймер. полдня уже убил. =((( хочу вставить его на страницу товара, который идет по акции под фразой "Товар участвует в акции....". И еще хочу вставить его на главную. Подскажите плз!

какой именно инструкцией Вы руководствуетесь при установке?

[nozzLess]

Все как описано в этой теме + инструкция с того сайта, откуда таймер. Вы же можете описать пошагово что куда) Вообще мне не нужны эти кнопки старт и пауза и т.д. Ну и он вообще у меня не отображается никак.

[support 2.0]

nozzLess (08 Февраль 2013 - 13:16) писал:

Все как описано в этой теме + инструкция с того сайта, откуда таймер. Вы же можете описать пошагово что куда) Вообще мне не нужны эти кнопки старт и пауза и т.д. Ну и он вообще у меня не отображается никак.

Вот инструкция с нужным Вам счетчиком

[nozzLess]

support 2.0 (08 Февраль 2013 - 13:44) писал:

Вот инструкция с нужным Вам счетчиком

Это не то. Этот я ставил, все работает, но он текстовый. А я хочу именно этот с черным циферблатом и анимированными белыми цифрами.

[Vaccina]

Подобный тип счетчика вы можете найти самостоятельно используя поиск. Предложенный тип счетчика по сути ничем не отличается, за исключением отсутствия анимации.