К проекту прикреплены превью файлов PSD
Необходима адаптивная вёрстка главной страницы сайта с использованием HTML + CSS.
По версии для десктопов.
Задний фон должен растягиваться по ширине на 100% во весь экран.
То есть блок куда будет помещён background должен иметь примерно такие свойства в таблице CSS:
.mainbody {
width:100%;
height: auto;
padding-bottom:86%;
background:url(../back.jpg);
background-position:top;
background-size:100%;
}
Элементы главной страницы:
Меню сверху, центральное меню, футер должны находится на одинаковом расстоянии от верха, низа, боков экарна (как на скриншоте в превью). То есть при уменьшении экрана они должны пропорционально сдвигатья на величину уменьшения размеров окна и заднего фона. Шрифт, чёрточки в верхнем меню будут уменьшаться, центральное меню и футер тоже...
В футере скобка "^" поднимает страницу кверху
При наведении на пункт верхнего меню, полоска над ним меняется на синюю.
Адаптивный шаблон:
При уменьшении размеров до вертикально ориентированных мобильных устройств или просто при просмотре на вертикально вытянутом экране (в CSS вроде можно задать ориентацию экрана для мобильных устройств) - будет происходить смена позиционирования элементов (адаптивный шаблон).
Пример адаптивной вёрстки так же прикреплён к проекту.
В адаптивном варианте -фон будет фиксирован и такой как на превью.. При движении элементов вверх - background фиксирован. Так же имеется скобочка "^" для перемещения обратно к началу сайта.
В правом верхнем углу выпадающее меню при нажатии на иконку.
PSD имеется
http://juv.key1980.ru/ 1.Сделать меню . при заходе в раздел боковое меню закрывается,а оно должно оставаться в открытом виде пример http://clip2net.com/s/3uPONsp 2. при наведении на пункт меню сделать выделение цветом 3. сделать ...
Сайт весь уже сверстали, но не очень нравится главная страница. Нужно поправить стили, возможно шрифты, оформить блоки (выравнивание, галочки у тегов li), чтоб смотрелось все красиво. Желательно чтоб был взгляд дизайнера, а ...
Добрый день Есть уже утвержденный дизайн лэндинга. Необходимо сделать адаптивную порезку под все разрешения (мин разрещение 320 пикселей) с динамическим дизайном примеры ниже. Подсветка элементов на свое усмотрение ...
Верстка и установка на cms от вас сроки и бюджет т3 и макеты в приложение
Добрый день Нужна верстка сайта + привязка к http://www.pmscloud.com/ru/booking-button/ + лайтбокс с формами захвата. Цена договорная! Так же укажите ссылку на страницу в вк Страницы: https://yadi.sk/a/8-Sfz_0lpXYat
Добрый день. Нужна небольшая доработка лендинга на WP. http://xn--80adblq0cfem.xn--p1ai/podkluch/ - вот страница, которую надо доработать. Надо настроить формы обратной связи, чтобы они работали как тут http://xn--80adblq0cfem.xn--p1ai/ Получается просто взять, посмотреть как сделано ...
Необходимо выполнить работу по верстке, ТЗ во вложении. Принимаем только целевые отклики от людей, кто прочитал ТЗ. В ТЗ есть нюансы, поэтому пишите вопросы сразу в своем предложении. Это будет гарантом ...
Здравствуйте, нужно сделать 2 email письма на html. Информацию берем для первого письма от сюда - http://gidstroy-kvartira.ru/. Для второго письма от сюда - http://gid-stroy63.ru/. Стиль можно приближенно к сайту. ...
Ребят дело срочное, нужна верстка ленда завтра к обеду. https://yadi.sk/i/45fBNMvnpVS26 дизайн в jpg тз https://docs.google.com/document/d/12Uy48GPptmiKirkc5avofGJRMJzD0RmYTWldNXky21U/edit?usp=sharing в идеале сразу на modx посадить, но это можно позже сделать, главное сверстать, чтобы он завтра ...
Есть готовая верстка сайта-блога. Нужно ее натянуть на CMS Joomla, установить на домен заказчика + потавить дополнительные блоки (Jivosite, коды счетчиков и т.п.)
