Адаптивная верстка страниц
К работе нужно приступить немедленно. Просьба прочитать все ТЗ и убедиться в том, что Вы готовы его выполнить.
С Вас сроки и стоимость, ставки без того или иного будут отклонены. Спасибо за понимание
1.Главная при ширине экрана - 1000 px. и 1920px.
(архив index.rar).
2. Адаптация наиболее характерных внутренних страниц по ширине экрана
- Карточка товара при ширине экрана - 1000px., 1350px. и 1920px. (Характерно для всех страниц, за исключением страниц с таблицами)
- Личный кабинет/генеалогия при ширине экрана - 1000px.
- Личный кабинет/Финансы/Переводы на карту при ширине экрана - 1000px.(Характерно для всех страниц с таблицами) - Внимание! сверху условно показана адаптация блока этапов операции что бы не рисовать лишних страниц. На данной же странице ее быть не должно...
(архив inner 1000-1350.rar)
- Модальное окно Таблица размеров
3. Первая группа внутренних страниц личного кабинета при ширине экрана 1920px.
- Баллы
- Генеалогия
- Главная личного кабинета
- История заказов
- Каталог товаров
- Личные данные
- Список новостей
- Оплата электронными деньгами
- Расчет
- Финансы/Переводы на карту
- Финансы/Выплаченные суммы
- Карточка товара
(архив inner_2_1920_1.rar)
4. Первая группа внутренних страниц личного кабинета при ширине экрана 1920px.
- Выбор оплаты
- Корзина
- Магазин
- Смена пароля
- Счет
(архив inner_2_1920_2.rar)
Боковое меню навигации:
- При ширине экрана до 1350px. - Меню выдвигается поверх страницы
- При ширине экрана свыше 1350px. - меню выдвигается за счет сжатия страницы
Адаптация основных областей страниц сайта:
Страница представляет собой две основных колонки - правую и левую
- Сначала страница уменьшается за счет уменьшения меж-колоночного интервала (до минимального размера)
- Затем сжимается левая колонка (до минимального размера)
- И в конце происходит сжатие правой
В случае со страницами личного кабинета, имеющими таблицы - Контентная область уменьшается до минимального размера таблиц, а затем сдвигается влево. При этом сами не табличные элементы остаются справа от левой колонки. А таблицы - обтекают левую колонку снизу.
Аналогично работает страница Выбор Оплаты Там карточки резинятся до определенного предела, а потом обтекают левую колонку снизу.
Страница Генеалогия работает похоже, только элементы не резинятся, а перераспределяются по достижении минимально возможной ширины
Все показано в дизайне и имеется в исходниках....
Приложены шрифты:
обычный - AleksandraC
акцидентный - MagistralBlackC
Просьба к верстальщику, перед версткой внимательно просмотреть макеты страниц, потому что в исходниках все универсализовано. А в макетах показаны только те элементы, которые должны быть на конкретных страницах. Да и вообще - лучше лишний раз сверить все, чем потом переверстывать... Если будут вопросы или непонятки - лучше сначала спросить, я обязательно отвечу....
Ссылка на превьюшки: https://drive.google.com/folderview?id=0B-KuaYgcMah9VTJmQXRFOHB6azg&usp=sharing
Додатки 1
-
7 днів11 768 UAH
192 1 0 7 днів11 768 UAHЗдравствуйте
Готов выполнить Ваш проект.
skype - Sergey Karachenko