Как сделано на Lenta.ru?

Сообщений: 3448 Регистрация: Май 2011

29 Августа 2013 20:47

На сайте _Lenta.ru_ есть левое меню, которое автоматом прячется, если правая часть не вся влазит на экран.
Как сделали? JavaScript? CSS?

Не подписываюсь на темы, так что не слежу за вопросами, которые вы оставляете в топике после меня. Если нужно получить ответ, пишите в ЛС с указанием ссылки на мой комментарий.

Алик Яушев

Сообщений: 3448 Регистрация: Май 2011

29 Августа 2013 20:53

Видно, что когда появляется мини панель, то большая становится с "left:-200px"
Порылся во всех JS скриптах, которые видны в исходном коде, и не нашел ответа.

maxib bib

Сообщений: 827 Регистрация: Июн 2013

29 Августа 2013 20:57

Алик Яушев, Часто читаю Ленту, но только совсем недавно увидел это меню smile:D

Она была идеальна.. Но гуглила через яндекс...

Алик Яушев

Сообщений: 3448 Регистрация: Май 2011

29 Августа 2013 20:58

maxib bib, хорошее меню, хороший сайт smile:)

video-freelancer

Сообщений: 2804 Регистрация: Авг 2012

29 Августа 2013 21:43

А мне понравилось как они назвали класс иконки 18+ прям фантазёры:mocking:

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

1.jpg (664.41 КБ) [ Скачать ]

Минтранс дал добро на продажу авиабилетов по низкой цене в 2025 году Купить авиабилеты онлайн дешево

Валентин

Сообщений: 621 Регистрация: Май 2010

30 Августа 2013 01:48

Цитата
Алик Яушев пишет: Видно, что когда появляется мини панель, то большая становится с "left:-200px" Порылся во всех JS скриптах, которые видны в исходном коде, и не нашел ответа.

Код
<link href="http://icdn.lenta.ru/assets/lenta-4266f51cd2e932d83d893831a17d8218.css" media="all" rel="stylesheet" type="text/css" />

в самом конце этого файла медиа-запросом подгружаются стили, исходя из расширения монитора , а узкая панелька раскрывается-закрывается скриптом

инвестиции

Алик Яушев

Сообщений: 3448 Регистрация: Май 2011

30 Августа 2013 09:11

Валентин, большое спасибо. Теперь буду знать.

Цитата

@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}
}

Новые темы	Объявления	Свободное общение
07:34 биржи в 26-м окончательно сдохли или кто-то еще ковыряет этот шлак? 06:47 В Яндексе позиции держатся, а трафик проседает - стало заметно сильнее 06:34 Что такое Яндекс Икс / Как накрутить Яндекс ИКС 06:21 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта 05:34 Claude по паспорту + апдейт Яндекса 17 апреля - у кого что по выдаче 21:29 Без просмотра рекламы к контенту не пустят? AdSense вводит Offerwall для всех 20:37 Claude Design - ИИ, который сам делает дизайн (прототипы, лендинги, слайды). Кто-нибудь уже смотрел?	21:54 [SOFT] Мультиканальный ИИ-агент (Telegram + API): Автономный контент и Smart Engagement (Llama 3.1 / Groq) 19:29 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 17:16 buyingproxy.com \| $0.95/GB Residential Proxies - 80M+ IPs \| No Bandwidth Expiry 14:22 E-currency.exchange — ваш помощник в мире обменов 11:35 Mixmasters - Exchange without AML and KYC 08:33 Swapwatch.org — Мониторинг криптовалютных обменников 06:26 HH.ru Работадателя вериф	18:58 Ставки на супер тренды в спорте 07:46 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 23:50 Точные прогнозы на футбол 21:08 Подтягиваем физкультурку 16:29 С юмором по жизни! 16:24 Всех с праздником! 12:47 Добро пожаловать в цифровой мир...

Новые темы

Объявления

Свободное общение

07:34 биржи в 26-м окончательно сдохли или кто-то еще ковыряет этот шлак?
06:47 В Яндексе позиции держатся, а трафик проседает - стало заметно сильнее
06:34 Что такое Яндекс Икс / Как накрутить Яндекс ИКС
06:21 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта
05:34 Claude по паспорту + апдейт Яндекса 17 апреля - у кого что по выдаче
21:29 Без просмотра рекламы к контенту не пустят? AdSense вводит Offerwall для всех
20:37 Claude Design - ИИ, который сам делает дизайн (прототипы, лендинги, слайды). Кто-нибудь уже смотрел?

21:54 [SOFT] Мультиканальный ИИ-агент (Telegram + API): Автономный контент и Smart Engagement (Llama 3.1 / Groq)
19:29 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик]
17:16 buyingproxy.com | $0.95/GB Residential Proxies - 80M+ IPs | No Bandwidth Expiry
14:22 E-currency.exchange — ваш помощник в мире обменов
11:35 Mixmasters - Exchange without AML and KYC
08:33 Swapwatch.org — Мониторинг криптовалютных обменников
06:26 HH.ru Работадателя вериф

18:58 Ставки на супер тренды в спорте
07:46 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко
23:50 Точные прогнозы на футбол
21:08 Подтягиваем физкультурку
16:29 С юмором по жизни!
16:24 Всех с праздником!
12:47 Добро пожаловать в цифровой мир...

15.05.2020 14:47	Lenta.ru: Китаец носил маску во время пробежек и попал в больницу
26.11.2015 14:39	Как же прикольно сделано ( рекламный ролик мелкого соц сервиса )