Как сделано на Lenta.ru?
Страницы: 1
Как сделано на Lenta.ru?, хочу перенять такую возможность...
На сайте _Lenta.ru_ есть левое меню, которое автоматом прячется, если правая часть не вся влазит на экран.
Как сделали? JavaScript? CSS?
Не подписываюсь на темы, так что не слежу за вопросами, которые вы оставляете в топике после меня. Если нужно получить ответ, пишите в ЛС с указанием ссылки на мой комментарий.

Бесплатная контекстная реклама

Видно, что когда появляется мини панель, то большая становится с "left:-200px"
Порылся во всех JS скриптах, которые видны в исходном коде, и не нашел ответа.
Алик Яушев, Часто читаю Ленту, но только совсем недавно увидел это меню smile:D
Она была идеальна.. Но гуглила через яндекс...
maxib bib,  хорошее меню, хороший сайт smile:)
А мне понравилось как они назвали класс иконки 18+ прям фантазёрыsmile:mocking:
1.jpg (664.41 КБ) [ Скачать ]
Цитата
Алик Яушев пишет:
Видно, что когда появляется мини панель, то большая становится с "left:-200px"
Порылся во всех JS скриптах, которые видны в исходном коде, и не нашел ответа.

Код
 <link href="http://icdn.lenta.ru/assets/lenta-4266f51cd2e932d83d893831a17d8218.css" media="all" rel="stylesheet" type="text/css" />
 
в самом конце этого файла медиа-запросом подгружаются стили, исходя из расширения монитора , а узкая панелька раскрывается-закрывается скриптом
Валентин,  большое спасибо. Теперь буду знать.
Цитата
@media only screen and (min-width: 1220px){
.b-footer{padding-left:200px !important}
.g-application{padding-left:200px !important}
.b-sidebar-menu .mini{display:none !important}
.b-sidebar-menu .origin{left:0 !important}
.b-sidebar-menu .origin .b-sidebar-menu__search{left:20px}
}

@media only screen and (max-width: 1039px)
{.b-footer{padding-left:30px}
.g-application{padding-left:0}
.g-application{padding-left:30px}
}

@media only screen and (max-width: 1219px){
.b-up{left:1040px}
}
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
19:03 РСЯ ужесточает приём сайтов? 
17:55 Сервис Proflincs 
17:44 29 ноября 2020 Яндекс выдача | А вы готовы к новогоднему трафику? 
17:44 30 ноября 2020 Яндекс выдача 
17:43 Обман пользователей мобильного интернета 
17:41 Универсальная защита от xss-атак и sql-инъекций 
17:39 Сайт слетел с топ 10 HELP 
18:17 Продать выгодно BTC, Ethereum, USDT только у нас! 
16:49 BestChange – обменивать электронную валюту можно быстро и выгодно 
16:17 Комплексный прогон сайтов, нет каталогов от shtaketo, хороший рост позиций + Тиц 30 - 100 
15:30 Накрутка отзывов и вывод в топ на Яндекс.Картах 
15:15 ChangeInfo - Лучший мониторинг обменников СНГ 
14:51 Bitpapa.com - криптовалютный P2P-маркетплейс для безопасных сделок 
12:55 Пассивный доход с Kursov24.com 
19:52 Чёрная пятница – скидка 50% на всё 
19:45 У нас будет свой Ютуб 
19:02 Leadgid — международная финансовая партнерская CPA сеть 
18:34 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
17:29 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
13:33 Пассивный доход с Bitality.cc 
21:09 Продаю крупные аккаунты в Инстаграме (дешево)