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

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Видно, что когда появляется мини панель, то большая становится с "left:-200px"
Порылся во всех JS скриптах, которые видны в исходном коде, и не нашел ответа.
Алик Яушев, Часто читаю Ленту, но только совсем недавно увидел это меню smile:D
Она была идеальна.. Но гуглила через яндекс...
maxib bib,  хорошее меню, хороший сайт smile:)
А мне понравилось как они назвали класс иконки 18+ прям фантазёрыsmile:mocking:
1.jpg (664.41 КБ) [ Скачать ]
Хостинг от 6руб в день! https://clck.ru/Rk2P5 Хостинг + Домен в подарок https://clck.ru/Rk2P5 Хостинг - Скидки при оплате за год https://clck.ru/Rk2P5 Хостинг - Месяц в подарок https://clck.ru/Rk2P5
Цитата
Алик Яушев пишет:
Видно, что когда появляется мини панель, то большая становится с "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)
Новые темыОбъявленияСвободное общение
21:45 Пассивный доход с Bitality.cc 
20:04 адсенс 
19:42 WebVisitor - улучшение и накрутка поведенческих факторов ранжирования вашего сайта. 
19:04 Яндекс Wordstat и Keycollector. 
18:48 Где можно узнать про новый алгоритм YATI? 
17:59 Проблемы с сайтом. Что делать? 
16:11 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
20:58 Покупаем/Продаем криптовалюты за наличные 
20:19 Proxy Mobi – быстрые мобильные прокси с арендой от одного дня. ГЕО: РФ 
18:43 Создание сайтов под ключ. Разработка сайтов 
18:38 Профильный прогон 200 рублей, Тиц (Икс) от 10, проверен Checktrust 
17:49 Cosmochanger.cc - Самый реактивный обменник. Быстрый и безопасный способ обменять более 20 популярных криптовалют 
14:21 BestChange – обменивать электронную валюту можно быстро и выгодно 
12:28 C1k: обмен Advcash , Perfect Money , skrill , NETELLER, крипта, приват24, тенге 
16:38 Alium.one 
06:10 Alfaleads - твоя любимая CPA-сеть! 
14:38 Балабоба это нечто )) 
14:46 Обсуждение нового сервиса Revalin.com 
02:09 Пассивный доход с Myxa.cc 
18:07 3$ бездепозитный бонус от форекс брокера 
23:43 Правильное питание а какое оно?