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

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

11 лет назад
Гена Генов
50 лет, Украина
11 лет в сервисе
Был онлайн 10 лет назад
11 лет назад

Необходимо разработать дизайн, css и javascript для элемента c несколькими tabs
- примеры tabs: http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html
- пример полностью на css: http://www.cssplay.co.uk/menu/one_page

Поведение tabs:
- табы могут располагаться в 2 и больше строк, изменение кол-ва должно происходить динамически, если изменяются размеры экрана
- по дизайну: между табами не надо делать пробелов, дизайн должен подходить к дизайну сайта, ближе в серую гамму, с выделениеи или зеленым или оранжевым, один из вариантов который мне нравится http://www.sky.com/
- варианты для которых будут использованы табы: список букв с контентом для каждойб список длинных названий с контентом для каждого
- HTML для табов должен легко формировать скриптами, быть семантическим и выглядеть примерно
<h2>tab 1</h2>
<div>content1</div>
<h2>tab 2</h2>
<div>content2</div>
<h2>tab 3</h2>
<div>content3</div>

Поведение зоны контента
- должна быть сделана отдельным элементов, который может использоваться без tabs, т.е. у меня должна быть мозможность любому диву с любым дизайном задать такое поведениеб поведение от дизайна должны быть максимально обособлены
- высота изменяется в зависимости от контента, пример http://alexa.com/topsites/category/Top/Shopping, Sub-Categories, Related Categories, т.е. ширина должна быть всегда 95-100%, но высота может меняться чтобы полностью поместилось содержимое блока
- в контенте расположены ссылки в несколько столбиков, кол-во столбиков определяется автоматически исходя из размера экрана, ссылки все отображаются обычными тегами <li> или <span>, HTML для контента должен выглядеть примерно так
<div>
<li><a href="test1">test1</a></li>
<li><a href="test2">test2</a></li>
<li><a href="test3">test3</a></li>
<li><a href="test4">test4</a></li>
</div>
В зависимости от разрешения экрана это будет или 1, 2, или 4 строки. При изменении разрешения экрана кол-во столбиков должно изменяться автоматически, обязательное условие - это должны быть столбики, этим поведение линков в контенте отличается от поведения табов
- линки должны переносится только в том случае, если один линк не помещается в контент зону
- соответственно должна быть возможность в одну контент зону для таба вписать несколько дивов со списком линков, линки будут расположены в столбики по разному, в зависимости от длины линков в каждом

Требования
- все должно работать с текущим css который есть на сайте etepia.com
- все исходные данные должны легко отображаться скриптом на php (его писать не надо, просто принять во внимание), с точки зрения программиста надо будет просто вывести подряд кучу данных
- весь css и html должны полностью валидироваться
- должна быть поддержка IE 6+, FF 2+, Opera 9+, Safari 2+
- минимальная ширина экрана при которой не должна появиться полоса прокрутки 1024
- структура должна нормально отображаться у пользователей с выключенным js
- никакого ajax
- должен быть использован объектный javascript
- какой таб выбран должно быть ясно видно

Перед программированием желательно предоставить эскиз как это будет выглядеть, хотелось бы увидеть оба варианта: с короткими табами-буквами и большим кол-во длинных табов в 3-4 строки. Для примера используйте плиз страницу с пустой центральной частью как www.etepia.com/hugo-boss-pure-purple-women-s-perfume.html

При срыве сроков -10% в день от суммы заказа

  1. Прием заявок
  2. Выбор исполнителя
  3. Выполнение заказа
  4. Обмен отзывами
Выбранный исполнитель
Сергей Шпак
34 года, Украина
13 лет в сервисе
Был онлайн 5 месяцев назад
11 лет назад

$100

9 дней

Сергей Шпак
34 года, Украина
13 лет в сервисе
Был онлайн 5 месяцев назад
11 лет назад

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

Здесь заказчик и фрилансеры могут обсуждать заказ до начала его выполнения.
Фрилансеры могут участвовать в обсуждении только после подачи заявки.
Здесь заказчик будет контролировать выполнение заказа и общаться с исполнителем.
Доступ к этому разделу имеют только заказчик и выбранный исполнитель.
Все материалы этого раздела закрыты от поисковых систем.