Адаптивная верстка для действующего шаблона сайта
Требуется качественно сделать адаптивную верстку для уже рабочего сайта на php-шаблоне.
В основе один шаблон, состоящий из нескольких php-инклудов и CSS-файла.
Текущая проблема:
Шаблон не адаптирован для экранов менее 1000 px в ширину. Контент просто отображается за экраном.
Абсолютно не приспособлен к мобильным устройствам, включая разметку в коде (viewport и т.д. метки).
Вероятно, очень устаревший html-код, требуется полная его замена.
Особенности:
в основе двухколоночный стандартный блоггер-шаблон: основная колонка и сайдбар справа. Визуальный пример:
http://css.maxdesign.com.au/wp-content/themes/hands-on-theme/assets/img/layout12.png
Контент и баннеры:
Шаблон содержит баннеры внутри основной колонки и один в сайдбаре.
Баннеры не-адаптивные. Стандартные 728*90 в основной колонке и один баннер 300*600 в правом сайдбаре;
При смене ширины экрана требуется учесть размещенные баннерные блоки
относительно основного контента, чтобы они не перекрывали друг друга,
как при загрузке страницы в браузере, так и при смене ширины браузера
уже загруженной страницы;
при уменьшении ширины экрана баннеры не меняют свой размер. Я затрудняюсь ответить на вопрос, как должен
располагаться 728*90, если ширина экрана меньше 728 px. Однако при
ширине более 728 px этот баннер должен отображаться корректно на ширину
основной колонки.
Сайдбар:
баннерный блок в сайдбаре "привязан" (sticky banner) к вертикальной прокрутке страницы. При
изменении ширины экрана требуется учесть:
1 корректное отображение привязанного баннера на своей позиции в сайбдаре;
2 смещение всего сайдбара вниз шаблона (под основную колонку в центре)
при уменьшении ширины экрана, во избежание накладки сайдбара на основную
колонку.
Требуемый результат:
полностью адаптивная верстка для всех типов устройств, разнокалиберных экранов монитора;
положительная оценка шаблона сервисами для тестирования верстки;
совместимость с основными браузерами;
совместимость с мобильными устройствами, включая наличие корректной разметки в коде (теги viewport и т.д.).
Для работы предоставляю:
Исходные материалы: текущий шаблон на include файлах +css;
отдельный ftp аккаунт на сервере для тестирования, если требуется;
готовые рабочие страницы для понимания "от чего" работать, и тестирования результата в процессе работы над шаблоном.
Пожалуйста, оставляйте заявки внутри сервиса, до 7 декабря (среда), и по
возможности укажите пожалуйста Вашу цену (или ценовой диапазон).
7 числа я выберу исполнителя из полученных заявок.
Спасибо.