Выезжающая правая панель (ВПП). ТЗ.

Требуется выезжающее правое меню (ВПП) для сайта 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.      Р должен продемонстрировать наглядное решение настоящего ТЗ, для возможных рекомендаций

и поправок.