Перейти к содержимому


Встроить Дату С Часами На Сайт В Подвал В Контакты


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 05 Май 2015 - 17:16

Здравствуйте снова.

Получается так, что клиенты звонят по ночам. Это не есть хорошо. Раньше так не было, на предыдущем сайте на другом шаблоне стояли часы. Но на этом шаблоне уже не знаю куда вставлять код часов и во что его обернуть.

Вот что по плану:

Clocks.png

Сайт, с которого берётся код - очень разросся, хороший сайт, новые настройки появились:

Clocks-2.png

Теперь можно будет подогнать по ширине и высоте всё.

Вот код часов:

<iframe src="http://free.timeanddate.com/clock/i4nsoki9/n379/tlru33/fs12/fc444/tct/pct/pd3/tt0/tm3/td2/tb1" frameborder="0" width="197" height="17" allowTransparency="true"></iframe>

Шрифт, использованный в часах - 12pt. Его можно регулировать если что. А вообще, шрифт не должен отличаться от уже существующих в этом блоке.

Должна быть строка: Сегодня: "код часов"

На новой строке, с такими же отступами как между всеми верхними строками.

Вроде не должно быть особых сложностей.

#2 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 05 Май 2015 - 20:20

Просмотр сообщенияAndrew S. (05 Май 2015 - 17:16) писал:

Здравствуйте снова.

Получается так, что клиенты звонят по ночам. Это не есть хорошо. Раньше так не было, на предыдущем сайте на другом шаблоне стояли часы. Но на этом шаблоне уже не знаю куда вставлять код часов и во что его обернуть.

Вот что по плану:

Прикрепленный файл Clocks.png

Сайт, с которого берётся код - очень разросся, хороший сайт, новые настройки появились:

Прикрепленный файл Clocks-2.png

Теперь можно будет подогнать по ширине и высоте всё.

Вот код часов:

<iframe src="http://free.timeanddate.com/clock/i4nsoki9/n379/tlru33/fs12/fc444/tct/pct/pd3/tt0/tm3/td2/tb1" frameborder="0" width="197" height="17" allowTransparency="true"></iframe>

Шрифт, использованный в часах - 12pt. Его можно регулировать если что. А вообще, шрифт не должен отличаться от уже существующих в этом блоке.

Должна быть строка: Сегодня: "код часов"

На новой строке, с такими же отступами как между всеми верхними строками.

Вроде не должно быть особых сложностей.
Здравствуйте.
В шаблоне html найдите код
  <!-- Время работы магазина -->
									{% IF SETTINGS_STORE_WORK_TIME %}
										<li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
											Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
										</li>
									{% ENDIF %}  
                            
и замените на

<!-- Время работы магазина -->
									{% IF SETTINGS_STORE_WORK_TIME %}
										<li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
											Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
										</li>
									{% ENDIF %}
									<li class="time">Сегодня:<iframe src="http://free.timeanddate.com/clock/i4nsoki9/n379/tlru33/fs12/fc444/tct/pct/pd3/tt0/tm3/td2/tb1" frameborder="0" width="197" height="17" allowTransparency="true"></iframe></li>
Далее в конец main.css добавьте
li.time iframe {
  vertical-align: middle;
}



#3 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Май 2015 - 01:16

Просмотр сообщенияDanil (05 Май 2015 - 20:20) писал:

Здравствуйте.
В шаблоне html найдите код
<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
</li>
{% ENDIF %} 

и замените на

<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
Время работы: <span>{SETTINGS_STORE_WORK_TIME}</span>
</li>
{% ENDIF %}
<li class="time">Сегодня:<iframe src="http://free.timeanddate.com/clock/i4nsoki9/n379/tlru33/fs12/fc444/tct/pct/pd3/tt0/tm3/td2/tb1" frameborder="0" width="197" height="17" allowTransparency="true"></iframe></li>
Далее в конец main.css добавьте
li.time iframe {
vertical-align: middle;
}


Спасибо, сделано!

#4 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Май 2015 - 04:52

Скажите, а как подправить по высоте часы в:

1. Опере.

Operaclocks.png

2. Мазиле.

Mazilaclocks.png

3. В недобраузере IE:

IEclocks.png

4. В Сафари, на удивление, правильно отображается.

Своевольные браузеры, туповатые.

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 06 Май 2015 - 05:06

Попробуйте следующее, в main.css найдите:
li.time iframe {
  vertical-align: middle;
}
замените на:
li.time iframe {
  vertical-align: bottom;
  display: inline-block;
  height: 26px;
}


#6 Andrew S.

Andrew S.

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Май 2015 - 05:13

Просмотр сообщенияVaccina (06 Май 2015 - 05:06) писал:

Попробуйте следующее, в main.css найдите:
li.time iframe {
vertical-align: middle;
}
замените на:
li.time iframe {
vertical-align: bottom;
display: inline-block;
height: 26px;
}

Фух.. Вроде выставил...

Сообщение отредактировал Andrew S.: 06 Май 2015 - 05:45


#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 06 Май 2015 - 05:53

Попробуйте следующий вариант(сейчас у вас все равно не ровно, проверила в Mozilla)
li.time iframe {
vertical-align: bottom;
display: inline-block;
height: 26px;
}

замените на:
footer .column li.time {
  height: auto;
  line-height: 15px;
  vertical-align: bottom;
}
li.time iframe {
  display: inline-block;
  height: 15px;
  padding: 0;
  vertical-align: bottom;
}

по предварительному результату в Mozilla все становится ровно, после изменений проверьте пожалуйста в остальных браузерах




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных