Требуется HTML5/CCS3 верстка страницы в приложении.
Общие требования:
* Все данные в PSD аккуратно разбиты по слоям, использован только Normal блендинг, все четко и ровно
* «Свечения» в тексте игнорируем, т.е. текст везде плоский без эффектов
* Шрифт должен загружаться локально, т.е. не с удаленного сервиса
* Текст на кнопках это текст, а не картинка
* Ниже под "серым" текстом понимается используемые по-умолчанию серо-синий цвет текста
Верстка обязательно должна быть аккуратной и четкой! Размеры, положения и прочее.
Страница разбита на четыре модуля представленных в файле Lobby_Blockout.jpg
Зеленый блок (информационная панель)
* Исключение по тексту: Название проекта идет картинкой, а не шрифтом! Здесь свечение важно. (Версия идет текстом!)
* Название проекта и версия привязаны к левому краю
* Прочие информационные панели привязаны к правому краю экрана
* Минимальное разрешение экрана (когда появляется прокрутка) левый край красной иконки денег достиг края фиолетового блока. Т.е. зона логотипа по ширине равна фиолетовому блоку
* Блоки с иконками унифицированы по размеру/шрифтам, отличаются лишь сами иконки и цвет шрифта верней надписи
* В блоке с иконками нижний текст (например "Buy fleet credits") это ссылка, при наведениее меняется цвет шрифта (показано на примере среднего блока)
* Ship that rules отдельная иконка, не связанная с аватаром!
* Аватар пользователя рамка должна быть отдельно от "картинки" внутри, т.к. аватаров будет много
* У аватара пользователя есть Hover слой (накладывается поверх)
* Имя пользователя ссылка, при наведении становится белого цвета
Фиолетовый блок (главное меню):
* У красной кнопки есть только обычное состояние и ховер
* У других кнопок есть обычное состояние, ховер и "выделенное"
* Кнопки привязаны к вернему краю, количество кнопок синих может меняться. Красная кнопка всегда одна
Бирюзовый блок (футер):
* Классический футер, привязан к низу страницы
* Содержит текст, привязанный к правому краю
Белый пустой блок с оранжевой плашкой:
* Это есть зона "основного контена", в дальнейшем в этой зоне будет располагаться своя "подстраница" со своим контентом.
Опубликован 17.08.2014 в 21:56 Последнее изменение: 17.08.2014 в 21:58
Заказ находится в архиве