Question

Подскажите как на сайте разместить таймер обратного отсчета, например с сайта  http://www.timegenerator.ru/  (скрипт), чтоб он располагался поверх шапки сайта, прям на картинке, наприсер в углу. Скрин прикладываю. Или может есть получше решения? Хотелось бы вставить таймер до 9 мая, а рисунок в шапке будет связан с днем победы. 

Answer 1

В шаблоне страницы замените это:

 <div id="uCozHeaderMain">
 <img class="site-img" src="http://sannikovo.ucoz.ru/img/glav.jpg" alt="" />
 </div>

на это:

 <div id="uCozHeaderMain" style="position:relative;">
 <img class="site-img" src="http://sannikovo.ucoz.ru/img/glav.jpg" alt="" />
 <div style="position:absolute; bottom:0px; right:0px;">Здесь скрипт</div>
 </div>

Comments

Я вставляю вот этот код, но счетчик отображается не корректно (не весь виден), как исправить подскажите?

---

Измените значение bottom:0px; - укажите не 0 пикселей, а 10, например, или больше.

В общем столько, сколько нужно для корректного отображения.

---

Все равно некорректно, не полность виден, поднимается, но низ счетсика куда то пропал.

---

Да, я видел. Но проблема в самом скрипте скорее всего, он как-то криво вставляет данные.

Дайте сам скрипт, который вставляли.

---

<iframe src="http://countdownz.ru/countdown/sharingview/id/4587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:128px;" allowTransparency="true"></iframe> вот это я вставлял, решил в другое место, увидите на сайте. но почему то он не выравнивается по центру

---

Так у вас сам фрейм ограничивается по высоте.

height:128px; - измените цифру 128 на большую ( это изменит высоту фрейма и как следствие - ничего не будет резаться).

---

а почему по центру не выравнивается?

---

Так вам нужно что бы по центру было или в углу?

bottom:0px; right:0px; - эти настройки в моём коде "привязывают" скрипт к нижнему правому углу. Т.е. отступ снизу - 0, и отступ справа - 0. Если нужно в центре выводить, вместо right:0px; напишите text-align:center;

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

Как вариант - http://htmlbook.ru/