Фрилансеры предложат решение вашей задачи уже через несколько минут!

Публикация заказа на фриланс бирже не займет много времени.

7 лет назад
Максим Поникаров
36 лет, Россия
8 лет в сервисе
Был онлайн 1 год назад
7 лет назад

Заранее скажу, что нужен профессионал. Человек который хорошо разбирается в верстке javascript и jQuery. Я ценю начинающих мастеров и всегда рад их поддержать, но этот проект не для Вас.

Итак:
Верстается одна страница с 4 внутренними вкладками. Основные вкладки («личный кабинет», «главная», «каталог товаров) реализуем с помощью swiper (swiper-tabs) вот пример http://www.idangero.us/sliders/swiper/demos.php (третий с низу) . Внутренние вкладки (вкладки во вкладках так сказать) делаем просто переключающимися, любым доступным jquery плагином. Скролл бар реализуем с помощью плагина swiper scroll bar http://www.idangero.us/sliders/swiper/plugins/scrollbar.php . Вся верстка должна быть заточена под 1024 и увеличиваться до 1280. Далее добавляются по бокам поля контент центрируется, но разделяющая линия шапки (на которой заголовки основных табов)всегда тянется до краев.
Основные табы следующие (вместо «личный кабинет», «главная», «каталог товаров» как на макете):
1. Мой каталог = файл mycatalog.jpg
2. Заявка = order.jpg
3. Журнал = journal.jpg
4. Моя страница = mypage.jpg

По стилям: Используем префикс «a-», то есть a-style-name или a-style-name-wrapper если это обертка. (это необходимо для избегания конфликтов) Где оправдано использование id используем их (на всякий случай напомню, id должен быть уникальным на всей странице.) в остальных ситуациях используем class.
Стили разбить на несколько файлов. Common.css = файл содержит общие стили, те что не попадают в отдельные вкладки. То есть общая разметка страницы. Шапка и т.п. Ну и основные табы, но не их содержимое. Далее для каждой отдельной вкладки создаем и подключаем отдельный файл. Например , для вкладки «Мой каталог» делаем файл mycatalog.css и все что касается только этой вкладки пихаем туда. И так для каждой вкладки свой файл.
В html верстке оставлять комменты там, где будет деление основных табов. Ну и в остальных сложных местах комменты будут не лишними.
Основной момент это семантика и кроссбраузерность. В плагинах (swiper и swiper scroll bar ) Проблем быть не должно, они поддерживаются всеми браузерами.
Если что-то не понятно тоже готов в любой момент растолковать.

Вот примерно то, о чем идет речь http://aquario.ru/v/profile.html

Вячеслав Д.
29 лет, Россия
10 лет в сервисе
Был онлайн 5 дней назад
7 лет назад
Павел К.
Павел К. 
30 лет, Украина
8 лет в сервисе
Был онлайн 6 лет назад
7 лет назад
Алексей Ч.
34 года, Украина
12 лет в сервисе
Был онлайн 4 месяца назад
7 лет назад
Александр Р.
31 год, Украина
8 лет в сервисе
Был онлайн 14 часов назад
274 отзыва1 новый
7 лет назад
№1 — HTML-верстка
Ольга С.
34 года, Литва
8 лет в сервисе
Была онлайн 6 лет назад
7 лет назад
Сергей Н.
30 лет, Россия
13 лет в сервисе
Был онлайн 4 месяца назад
7 лет назад
Елена Шаркова
36 лет, Россия
13 лет в сервисе
Была онлайн 8 месяцев назад
7 лет назад

Другие заказы в категории «HTML-верстка»