Выезжающая правая панель (ВПП). ТЗ.
Требуется выезжающее правое меню (ВПП) для сайта www.kagaz.ru управляемое с помощью горизонтального триграмма Ξ (ГТ)
Значки ГТ и ВТ (вертикального триграмма), а также их позиционирование уже расположены на страницах сайта www.kagaz.ru
Требования к ВПП:
1. При полноэкранном разрешении, когда значок триграмма расположен горизонтально.
1.1. При клике на горизонтальный триграмм (ГТ)
1.1.1. Триграмм должен плавно повернуться на 90° (против часовой стрелки).
Превратившись в вертикальный триграмм (ВТ)
1.1.2. Правый столбик с округами и районами (СОР) должен плавно исчезнуть, уехав вправо. А левая
часть с контентом должна занять 100% ширины страницы
1.1.3. Изображение китайского грузовичка (Китаец) в шапке сайта справа – также должно плавно
исчезнуть. А оставшаяся (основная) часть шапки должна занять 100% ширины
страницы
1.1.4. Блок с рейтингами в левой части подвала сайта – должен исчезнуть. А правая (основная)часть
подвала должна занять 100% ширины страницы
2. При мобильном/планшетном разрешении, когда значок триграмма расположен вертикально
(ВТ).
2.1. При клике на ВТ
2.1.1. ВТ должен плавно превратиться в ГТ, повернувшись на -90° (т.е. по часовой стрелке).
2.1.2. Правый столбик с СОР должен плавно выехать справа, закрыв и затенив левую сторону – половину, часть или полностью левый текст.
2.1.3. Синий Китаец должен занять свое место в шапке сайта
2.1.4. Блок с рейтингами в левой части подвала сайта – должен вернуться на прежнее место.
3. Разработчик (Р) может предложить свой вариант решения, отличный от настоящего ТЗ
4. Предоставлю разработчику html код шаблона страницы сайта на Dreamweaver (kagaz_about.dwt) и саму страницу about.shtml
5. Р должен продемонстрировать наглядное решение настоящего ТЗ, для возможных рекомендаций
и поправок.