21:25 |
|
Точное расписание самолётов, поездов, электричек и автобусов. |
Новый информер расписания по станцииС 1 декабря 2020 года доступен новый вариант информера с расписанием по станции. Новый информер адаптирован для показа на мобильных устройствах, также в нем обновлен дизайн. Получить код для вставки информера можно на этой странице. Как разместить информер на десктопной версии сайтаДля того, чтобы заменить старый информер на новый, достаточно в URL информера заменить https://rasp.yandex.ru/informers/station на https://rasp.yandex.ru/informers/v2/station. При этом новый информер будет в точности совпадать с размерами старого информера: <iframe frameborder="0" style="-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); overflow: hidden; border: 0; width: 700px; height: 302px;" src="https://rasp.yandex.ru/informers/v2/station/2000003/?size=5&color=1&type=train"></iframe>
Как разместить информер на мобильной версии сайтаПри ширине экрана менее 700px внешний вид информера адаптируется под мобильный экран, при этом меняется высота информера. В этом случае высота информера принимает следующие значения:
При размещении информера на мобильной версии сайта необходимо указать эту высоту: <iframe frameborder="0" style="-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); overflow: hidden; border: 0; width: 100%; height: 504px;" src="https://rasp.yandex.ru/informers/v2/station/2000003/?size=5&color=1&type=train"></iframe>
Как сделать адаптивный информерДля отображения информера на сайте, который адаптируется и под десктопные экраны и под мобильные устройства, необходимо настроить изменение высоты информера в зависимости от ширины экрана. Это можно сделать, например, с помощью медиа-запросов:
|
© 2009–2024 Яндекс |