Здравствуйте!
Перез версткой нужно согласовать стоимость и сроки. Было бы очень предпочтительно получить заглавную страницу уже сегодня, остальные в ближайшие день-два.
Верстаем до IE8, актуальный webkit и FF.
Пояснения (в т.ч. для программиста, их пропускайте):
Верстка (25 мегабайт, сюда не прикладвается, выкладываю тут: http://zalil.ru/upload/34859232 и дублирую здесь: https://www.dropbox.com/s/ov0fm6ufuisv9wv/postavka_psd.zip)
Заглавная
Внутренняя страница:
Остальные страницы, по-моему, очевидны, если что – задавайте вопросы.
----------------------------------------------------------------------------------------------------------------------------------------------------
Про шрифты: использован был для заголовков Ubuntu condenced, файл шрифта в ttf прилагаю, мануал про его применение:
Add this code to your website:
Integrate the fonts into your CSS: The Google Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add
the font name to your CSS styles. For example: font-family: 'Ubuntu Condensed', sans-serif;
подробнее - вот тут: http://www.google.com/fonts
----------------------------------------------------------------------------------------------------------------------------------------------------
Заказчик накатал "простыню" описания:
╔=Главная страница (темплейт 1)
╟---------------------------------------------------меню:------------------------------------------------------------
→ Описание блоков:
Поля, отступ от верха: блоки со сплошными заливками (цвета #003399, #cccccc) тянущиеся в ширину при необходимости.
Основной блок сайта, без полей: ширина 980px
Шапка 980х200, отступ от верха.
Слева, где слоган и телефоны - кликабельно с возвратом на главную же страницу.
Главное меню показано как верстать, в примерах - текущая открытая страница (главная) выделена цветом + иконка крестика слева более крупного размера;
наведенный подчеркнутый и выделен цветом, пассивные серые.
Справа в шапке - слайдер картинок.
Левая колонка:
╟- блок контактов
╟- Специализация (меню)
╟- СРО, Лицензии (меню)
╟- Наши специалисты (анонс статьи + линк читать дальше)
╟- Поиск (модуль поиска для боковой колонки темплейта 1)
╚- Баннер 160х100px
Блок контента:
╟- Наши партнеры (логотипы партнеров с прокруткой)
╟- "Хлебные крошки" (доп. строчная навигация)
╟- Поиск по сайту (модуль поиска для основной колонки темплейта 1)
╟- Статья на главной (анонс статьи, картинка + линк читать дальше), с возможностью добавления еще анонсов статей на главной
╟- Последние проекты (3 блока проектов - картинка 240х180px (border gray #999999 1px) + мелкий текстовый блок с заголовком и ссылкой
╟- Баннеры
╚- Форма отправки сообщений
Футер:
╚-футер по верстке одинаковый для обоих темплейтов, только в темплейте 2 кнопка "наверх" прозрачнее/светлее, 60%, см. примеры. В футере же надо разместить картинку счетчика liveinternet, как показано на примере.
→ Описание меню темплейта 1:
╔====== ГЛАВНОЕ МЕНЮ (в шапке) =======
╟- О компании (статья, темплейт 2)
╟- Услуги (статья со ссылками на целевые статьи, темплейт 2)
╟- Наши проекты (галереи работ, темплейт 2)
╟- Отзывы клиентов (статья, темплейт 2)
╟- Часто задаваемые вопросы (статья, темплейт 2)
╟- Полезная информация (статья, темплейт 2)
╚- Контакты (статья, темплейт 2)
╔====== СПЕЦИАЛИЗАЦИЯ (меню в левой колонке) ================
╟- Строительно монтажные работы (статья, темплейт 2)
╟- Инженерно-геологические изыскания (статья, темплейт 2)
╟- Инженерно-экологические изыскания (статья, темплейт 2)
╟- Техническое обследование (статья, темплейт 2)
╟- Проектирование зданий и сооружений (статья, темплейт 2)
╟- Согласования (статья, темплейт 2)
╚- Авторский надзор (статья, темплейт 2)
╔====== СРО, Лицензии (меню в левой колонке) ================
╟- СРО (галерея документов, страницы СРО картинками, темплейт 2)
╟- Лицензии (галерея документов, сканы лицензий, темплейт 2)
╚- Допуски (галерея документов, сканы допусков, темплейт 2)
╔=Внутренняя страница (темплейт 2)
→ Описание блоков:
Поля, отступ от верха: блоки со сплошными заливками (#003399, #cccccc) тянущиеся в ширину при необходимости.
Основной блок сайта, без полей: ширина 980px
Шапка 980х200, отступ от верха. В шапке то же главное меню + оба лого в статике, +слоган, блок контактов и встроенный маленький блок поиска по сайту.
Логотипы нужно сделать кликабельными
Блок контента: в фигурной рамке со скосом в правом нижнем углу. Материалы выводятся в зависимости от специфики контента - для статей как у статьи (с мини-галереей сверху, опция); для галерей изображений (фото объектов, а также чертежи, сканы документации) - как у галерей. Ниже - описание всех типовых блоков контента темплейта 2:
╟- "Хлебные крошки" (доп. строчная навигация, на всех страницах)
╟- Блок мини-галереи для статей. Серая рамка 1 px. Миниатюры кликабельные.
╟- Блок статьи
╟- Блок галерей фото (вывод заголовка блока +"обложек" галерей 240х180px (border gray #999999 1px) + заголовок + краткий блок описания; по 3 в строку)
╟- Блок галерей документов (вывод заголовка блока +"обложек" галерей 180х240px (border gray #999999 1px) + заголовок + краткий блок описания; по 4 в строку)
╟- Блок галереи фото (заголовок, кликабельные миниатюры галереи, описание см. выше + подписи)
╟- Блок галереи документов (заголовок, кликабельные миниатюры галереи, описание см. выше + подписи)
╚- Блок логотипов партнеров, как на главной только внизу
Правая колонка: 2 меню ("Специализация" и "СРО, Лицензии") в другой верстке на плашке
Футер:
╚-футер по верстке одинаковый для обоих темплейтов, только в темплейте 2 кнопка "наверх" прозрачнее/светлее, 60%, см. примеры. В футере же надо
разместить картинку счетчика liveinternet, как показано на примере.
→ Описание меню темплейта 2:
╔====== ГЛАВНОЕ МЕНЮ (в шапке слева) =======
╟- О компании (статья, темплейт 2)
╟- Услуги (статья со ссылками на целевые статьи, темплейт 2)
╟- Наши проекты (галереи работ, темплейт 2)
╟- Отзывы клиентов (статья, темплейт 2)
╟- Часто задаваемые вопросы (статья, темплейт 2)
╟- Полезная информация (статья, темплейт 2)
╚- Контакты (статья, темплейт 2)
╔====== СПЕЦИАЛИЗАЦИЯ (меню в правой колонке) ================
╟- Строительно монтажные работы (статья, темплейт 2)
╟- Инженерно-геологические изыскания (статья, темплейт 2)
╟- Инженерно-экологические изыскания (статья, темплейт 2)
╟- Техническое обследование (статья, темплейт 2)
╟- Проектирование зданий и сооружений (статья, темплейт 2)
╟- Согласования (статья, темплейт 2)
╚- Авторский надзор (статья, темплейт 2)
╔====== СРО, Лицензии (меню в правой колонке) ================
╟- СРО (галерея документов, страницы СРО картинками, темплейт 2)
╟- Лицензии (галерея документов, сканы лицензий, темплейт 2)
╚- Допуски (галерея документов, сканы допусков, темплейт 2)
Добрый день, Господа фрилансеры, есть 2 сайта novabook и puzzlelife нужно изменить концепцию сайтов. дизайн останется тот же. по крайней мере у первого сайта. 1-й сайт: а) стартовую переделать таким образом, чтобы стало понятно, что компания занимается изготовлением фотокниг. б)убрать 1 ...
Добрый день! Исходные данные: сайт с рецептами на cms wordpress. в постах - текст рецепта и несколько фотографий. Что нужно: написать скрипт (или что-то еще сделать), чтобы добавить микроразметку. Валидатор - http://webmaster.yandex.ru/microtest.xml О микроформатаха - http://help.yandex.ru/webmaster/hrecipe/general.xml Жду предложений.
Необходимо отверстать проект. макеты прикреплены. в качестве каталога используется стандартный компонент материалов. необходимо написать, с нуля, шаблон сайта. все необходимые шаблоны компонентов/модулей вынести в папку html шаблона, чтобы обновление движка и компонентов не приводили к потере стилей. ie8+, хром, ...
Добрый день. Нужна html вёрстка нескольких несложных страниц. Требования стандартные — кроссбраузерность (ие 8+, хром, мозила, сафари, опера), кроссплатформенность (iOS, Android) и максимальное количество элементов свёрстанное через css Макеты можно посмотреть здесь https://www.dropbox.com/sh/n2cj2qrm9lemt7c/ZCvZKhCILk Дедлайн воскресенье-вечер, понедельник утром. ...
Нужно сверстать две страницы. (товар+категория). Требования: чистый код, html5 доктайп. Кроссбраузерность: firefox, opera, chrome, ie последних версий. ie 7-8 - тоже нужно, но с поправками на отсутсвие css3, т.е. углы можно не закруглять, но чтобы ничего не ...
Нужна адаптивная вёрстка на 6 страниц+ форма выпадающего поиска. Вёрстку нужно сделать средствами bootstrap3 Есть макеты для ширины 1170px Есть макеты для ширины 768px Просьба присылать примеры ваших работ по адаптивному дизайну Срок 2-4 дня.
Есть отчасти сверстанный сайт, нужно посмотреть на чужой код и сверстать оставшиеся страницы
Требуется верстальщик для постоянного сотрудничества. Задача: кроссбраузерно верстать сайты в хтмл+цсс, без дополнительных наворотов. Знания javascript приветствуются, но не обязательны. Примеры: http://nicerdicer.in.ua http://pest-reject.in.ua http://starmaster.in.ua http://handgum.com.ua От Вас требуется лишь верстка. В предложениях прошу написать точную цену и сроки на верстку сайта, на примере http://pest-reject.in.ua
Привет. Необходимо сверстать сайт и натянуть на готовый бэкенд на Django (python). Нужен опытный верстальщик с минимальным знанием серверных языков (PHP или Python/Django), опытом работы над шаблонными сайтами визитками. Важное требование: исполнитель должен быть из Минска. Спасибо
