По договоренности
Общие.
1-1 Фикс размер 1200
1-2 Логотип чуть вылезает влево, на макете видно — см.направляющие линии.
1-3 Шрифт roboto, подключение шрифтов уже есть в файле fonts.css
1-4 Строго pixel perfect
1-5 Группы в шапке (текстиль/приготовление и др.) выровнены влево, так как ихможет быть разный набор. Фикс ширина видимого блока.
1-6 День святого валентина – может быть разный текст, соответственно и ширина кнопки может быть разная. Указана МАКС ширина. Если шире, то overflow:hidden
1-7 Все иконки ГРАФИКА, по возможности png (кроме фото товаров). Сделать заглушки стилей для Retina
Пример:
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image: url(../js/vendor/fancybox/fancybox_sprite@2x.png?1371161548);
background-size: 44px 152px
}
#fancybox-loading div {
background-image: url(../js/vendor/fancybox/fancybox_loading@2x.gif?1371161548);
background-size: 24px 24px
}
}
1-8 Структура стилей = независимые блоки. Пример по запросу.
т.е. чтобы не было таки длинных селекторов:
.b1 .b2.b3 .b4 .b5 .b6:pseudo-sel {}
пусть будет просто
.b4 .b5
1-9 Полоски у заголовков реализовать НОРМАЛЬНО.
<h1 class="h1--border"><b>Стиль жизни от Bellissima Casa</b></h1>
.h1--border {
font-family: serif; color:#555; font-size: 22px; line-height: 1.4; background: url('/img_m/h1_line.gif') center center repeat-x; margin: 10px 0; padding:0;
}
.h1--border b {
font-weight: 300; background-color: #fff; display: inline-block; max-width: 80%; padding:0 18px;
}
1-10 Если есть проблемы или сложности в подготовке графики – пишите мне сразу. Вырежем, подготовим. Чтобы были нормальные рамки у кнопок, зубцы и фоны.
1-11 Фикс блоки в шапке:
-- новинки/акции/популярные
-- поиск + фильтр + коллекции/ бренды
-- телефон/график + перезвоните мне
-- все товары
1-12 Блоки в шапке, где может быть контент разного размера, нужно учесть в размерах / скрывании.
-- о нас/ доставка/ оплата/ контакты
-- корзина
-- группы каталога текстиль/приготовление и др.
-- цветная кнопка = быстрый ТЭГ
1-13 Блок в подвале доставка по все города и регионы, раскрывается точно в такие же блоки как и на текущем сайте.
1-14 При наведении ссылки красные, цвета как Перезвоните мне