Верстка макета страницы

Роман12 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
26.06.2013

Требования к верстке макета

1) Используемые фреймворки

jQuery второй версии с пакетом совместимости

2) структура меню в шапке

Меню планируется сделать двухуровневым из вложенного списка UL. Пример для отладки приведен ниже. В PSD структура от другого портала.

Если второй уровень меню не влезает на вторую строку, не страшно. Структуру меню будем переделывать чтобы влезала.

//=====================================================================================================

  • Я самая красивая

    • уход за лицом

    • уход за лицом: полезные советы

    • уход за лицом: жирная кожа

    • уход за лицом: сухая кожа

    • уход за лицом: комбинированная кожа

    • уход за лицом: маски для лица

    • уход за телом

    • уход за волосами

    • уход за руками

    • уход за ногами

    • правила макияжа

    • физические упражнения для красивой фигуры

    • техника массажа для красоты и здоровья

    • ароматерапия

  • Мода и стиль

    • история моды

    • мода сегодня

    • аксессуары

    • женское белье

  • Разные разности

    • Лекарственные растения для красоты и здоровья

    • маленькие хитрости

    • из писем наших читателей

    • это интересно знатьэто интересно знать

3) Поведение страницы должно быть следующим:

а) Верхняя строка (где размещены поиск и регистрация), единая линия по всей ширине страницы, динамически расширяющаяся под размер окна браузера.

б) Нижний блок такого цвета как и верхняя строка, должен вести себя как верхняя. Т.е. расширяться под ширину окна браузера.

в) Средний блок - фиксированная ширина страницы, расширяется вниз (лента).

г) Боковые полоски страницы (на дизайне серого цвета) должны иметь возможность размещения на себе картинки баннера. Пример посмотреть на http://www.wildberries.ru/ . Обратить внимание как сформирован баннер. От внешнего бокового края окна браузера к центру. Нам необходимо так же.

4) Галерея картинок

Очень хочется сделать галерею картинок как вот в этом месте:

http://www.gazeta.ru/sport/photo/rafael_nadal_v_vosmoi_raz_pobedil_na_turnire_rolan_garros.shtml

планируется встраивать ее страницу статей или новостей. Хочется получить код галереи максимально легким.

jQuery

Заявки фрилансеров