Сайт должен нормально работать в IE8+, FF3+, Opera9+, Safari4+, Chrome последней мажорной версии .
Область width="830px" height="300"
2 варианта решения:
Адаптивный дизайн (ipad,iphone, andoid .. ,ps)
Две верстки фиксированная и адаптивная
Фиксированная с плавающей камерой внутри.
Выбрать удобный вариант для решения.
Верстка должна содержать div по клику должна вызывать скрипт jquery функции.
Каждый див должен иметь уникальный id и общие классы.
Набросок эскиза:
Каждый участок земли должен быть кликабельный, вызываетя фунция в которую передается ид-участка
2. сверху под ним может быть рисунок (растет растение)
3. Участок земли отображает время, которое js отсчитывает, таймер каждый для кажого учатска.
4. При наведении высвечивается окошко с информацией.
Описание к макету:
Есть фон,
На фоне размещены <div> которые собираются в участок (подобрать размер участка, что-бы влезло и можно было расширять от 4х и более до 16 или более) сколько влезет.
На участке размещаем картинки растений, Растения в будущем могут иметь стадии и мы можем их менять
3.1 Как будет набросок указать размер и требования к растениям
4. Добавить кнопки
а) вернутся
б) магазин, для выбора – выбор растений
в) животные – просто кнопка
г) по возможности каждый участок имеет иконку:
4.1 таймеры
(время до созревания)
(время до поливания)
4.2 Иконка полей меня
4.3 Иконка – вор
4.4 Иконка готовый урожай(надо собрать)
5. Пример классов стилей и рисунков, что-бы можно было менять состояния рисунков, растений и заменять их.