Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Здравствуйте, коллеги!

Есть ИНТЕРЕСНАЯ ЗАДАЧА — сделать валидную верстку (HTML + CSS, без JS) с корректным отображение в следующих браузерах:

- Opera 9.5

- IE 6

- FireFox 3.

2 страницы — заглавная и второстепенная (совсем простая).

Для ознакомления, в приложении — JPEG-макеты с комментариями по требованиям к верстке.

Отдельно ДОБАВЛЮ по главной:

1. Кнопки прокрутки «вправо» и «влево» в панели с закладками должны быть «прозрачными» PNG, чтобы мы могли их в любой момент легко убрать через CSS.

И расположены в одном одном файле. Пример верстки похожих стрелок:

http://2012.russianinternetweek.ru/

http://2012.russianinternetweek.ru/bitrix/templates/riw2012/css/theme/bg_direction_nav.png

2. Эти кнопки, ярлыки закладок и нижние 2 кнопки («Задать вопрос» и «Оставить отзыв») имеют «подсвеченное» состояние, которое они примут при наведении мышки.

Это будет сделано через JavaScript, плавным появлением одного и исчезанием второго.

Это значит, они не должны друг друга «вытеснять», если у обоих будет display: block.

3. Ярлыки закладок, боковые кнопки со стрелками и эти нижние 2 кнопки должны быть расположены соответственно в 3 файлах.

В каждом из файле — все возможные состояния кнопки.

Я отметил, что закладки "резиновые" по горизонтали. Их лучше сделать так, как на сайте Apple - изначально максимально широкую (220px в нашем конкретном случае) нарисовать во всех состояних. PNG это хорошо сожмет:

http://images.apple.com/global/nav/images/globalnav.png

Тут кроме скорости есть ещё один момент. Доработать дизайн проще, если однотипные элементы в одном файле.

http://images.apple.com/global/nav/images/globalnav_text.svg - здесь у них, чтобы не копировать каждую вкладку и сохранить шрифт - текст в отдельный спрайт вынесен. И это довольно просто и эффективно реализовано. Отличное решение. Нам оно подходит для закладок.

ОТ ВАС:

1. 2 примера Ваших самых свежих работ по вёрстке.

2. Цена.

3. Сроки.

12 лет назад
Denis-Izmaylov
Денис 
38 летРоссия
14 лет в сервисе
Был
12 лет назад
Выбранный исполнитель
Rezpektor
Анатолий 
30 летУкраина
13 лет в сервисе
Был
9 лет назад
12 лет назад
$30
1 день
Работа сделана качественно, хоть и с небольшими отклонениями по срокам. Это было компенсировано решением множества дополнительно возникших проблем с исходным макетом. Работой Анатолия доволен.
Хороший, надежный заказчик. Доволен сотрудничеством, помогу в дальнейших проектах) Рекомендую в общем)
  • Похожие заказы
  • $50

    Нужна верстка из .indd в Joomla 2.5 6 простых страниц. Кроме текста, фотографий дополнительных каких-то материалов не будет. Макет вышлю на e-mail.

    HTML-верстка5 заявок
    Закрыт
    12 лет назад
  • $15

    Есть 9 html страниц 6 из них отображаются корректно (1 css файл + js) Необходимо подкорректировать оставшиеся 3 страницы (у каждой свой css файл + js) по отдельности работают корректно. Что бы все 9 страниц пользовались с ...

    HTML-верстка1 исполнитель
    Завершен
    12 лет назад
  • Сделать грамотную, чистую, валидную верстку двух страниц из PSD исходника... Дополнительно прикрутить, взяв из свободного доступа в интернете js скрипт для слайда фотографий на главной странице, а для второстепенной сделать скролл бар. Фронт работы отражен ...

    HTML-верстка1 исполнитель
    Завершен
    12 лет назад
  • Используется готовый шаблон, который полностью кроссбраузен и поддерживается IE6. После внесения изменений, шаблон не правильно отображается в IE6. Необходимо сравнить код исходного шаблона и измененного шаблона и выявить причину не правильного отображения. Измененный шаблон - nv.kz Исходный ...

    HTML-верстка1 исполнитель
    Завершен
    12 лет назад
  • $100

    Необходимо сверстать главную страницу сайта + 5 внутренних страниц. Есть psd страниц В верстке будут скрипты: 1. скрипт для выпадающего меню 2. скрипт для перелистывания картинок 3. скрипт для всплывающего окна Требования к кроссбраузерности верстки: Microsoft® Internet Explorer™ ...

    HTML-верстка5 заявок
    Закрыт
    12 лет назад
  • Приветствую, во вложении картинка, как должно выглядеть длинна плашки - в зависимости от названия, минимально 220px картинки закруглять, желательно стилями размещая закладки на странице я должен иметь возможность управлять расположением, (левее/правее) можете вытащить с того сайта и доработать или ...

    HTML-верстка2 заявки
    Закрыт
    12 лет назад