<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xmlns:tt="http://teletype.in/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>@creator</title><generator>teletype.in</generator><description><![CDATA[@creator]]></description><image><url>https://teletype.in/files/4f/4fb56fd0-78d2-4ce4-864c-f577d04f3483.jpeg</url><title>@creator</title><link>https://teletype.in/@creator</link></image><link>https://teletype.in/@creator?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=creator</link><atom:link rel="self" type="application/rss+xml" href="https://teletype.in/rss/creator?offset=0"></atom:link><atom:link rel="next" type="application/rss+xml" href="https://teletype.in/rss/creator?offset=10"></atom:link><atom:link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></atom:link><pubDate>Wed, 29 Jul 2026 20:49:12 GMT</pubDate><lastBuildDate>Wed, 29 Jul 2026 20:49:12 GMT</lastBuildDate><item><guid isPermaLink="true">https://teletype.in/@creator/Hy0GthYBQ</guid><link>https://teletype.in/@creator/Hy0GthYBQ?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=creator</link><comments>https://teletype.in/@creator/Hy0GthYBQ?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=creator#comments</comments><dc:creator>creator</dc:creator><title>Меняем положение плеера в Яндекс.Музыке</title><pubDate>Thu, 09 Aug 2018 12:52:37 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/92/924b0e53-79d0-41a8-b6e0-1ad0aa3edd0f.png"></media:content><description><![CDATA[<img src="https://teletype.in/files/01/011826e6-dc2f-4d8a-8881-8f48230a7811.gif"></img>Пример приведу на популярном браузере Google Chrome с использованием расширения User CSS.]]></description><content:encoded><![CDATA[
  <p>Пример приведу на популярном браузере Google Chrome с использованием расширения <a href="https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb?hl=ru" target="_blank">User CSS</a>.</p>
  <p>Две главные претензии из <a href="https://teletype.in/@uxlive/rkIJvoYBQ" target="_blank">этой</a> статьи к интерфейсу music.yandex.ru — длинный путь курсора от вкладки до плеера и высокая вероятность ошибки при работе с прогресс-баром:</p>
  <figure class="m_custom">
    <img src="https://teletype.in/files/01/011826e6-dc2f-4d8a-8881-8f48230a7811.gif" width="837" />
  </figure>
  <h2>Изменяем высоту индикатора воспроизведения трека</h2>
  <p>Код, который достаточно добавить в расширение User CSS, чтобы увеличить область перемотки песни.</p>
  <pre>/* ранее высота была 5 пикселей */
.progress__bar,
.progress__bg {
  height: 16px;
}

/* отключаем анимацию «увеличения» высоты */
.bar__content:hover .progress .progress__bg,.bar__content:hover .progress .progress__bar {
animation: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
}
</pre>
  <h2>Изменяем местоположение панели</h2>
  <p>Чтобы разместить панель наверх страницы дополните выше код этим:</p>
  <pre>/* создаём небольшое пространство сверху для плеера */
.page-root {
  padding-top: 80px;
}

/* помещаем панель управления треком наверх */
.bar {
  top: 0;
  bottom: unset;
}

/* прогресс-бар перемещаем под панель */
.progress {
  top: 60px;
}

/* исправляем положение рекламного места справа */
.sidebar_fixed {
  top: 75px;
}

/* исправленим положение очереди прослушивания */
.body_bar-tall .popup_page,
.popup_page {
  bottom: 0;
}

/* убираем рекламу о подписке «Плюс» */
.bar-below_plus {
  display: none;
}

</pre>
  <h2>Получившийся результат:</h2>
  <figure class="m_custom">
    <img src="https://teletype.in/files/4e/4e0e818f-e219-4cf5-a2fd-a8ef4de6a296.png" width="1552" />
  </figure>

]]></content:encoded></item></channel></rss>