Задача для верстки:
1. Заверстать отдельные слайды таким образом, чтобы их можно было использовать в виде шаблонов с произвольным количеством контента: все уникальные элементы могут быть сгенерированы в произвольном количестве, как на абстрактном сайте.
2. Структура для каждого слайда: все картинки лежат в одной папке вместе с файлом index.html. Стили и скрипты, а так же подключаемые библиотеки (jquery, jqueryui и т.п.) лежат в отдельной папке.
3. Весь js код для функционирования слайда находится в одном файле slides.js, лежащем в папке с остальными скриптами.
4. Контент слайда обернут в базовый блок с уникальным идентификатором.
Для инициализации интерактивных элементов в слайде нужно вызвать соответствующую функцию, передав в неё уникальный идентификатор слайда.
Структура контента- templates - js -- jquery1.7.2.js -- jqueryui.js -- slides.js - css -- slides.css (стили для слайдов) - images - базовая папка с изображениями -- slideBg.jpeg -- ...- slides -- slide1 (это сама папка со слайдом) --- index.html - html код слайда --- image1.jpeg - картинка, используемая в слайде -- slide2 --- index.html --- img.png
Приблизительная страктура слайда (index.html):
Приблизительная структура файла slides.css:....mySlideWithSortableList ul{ margin: 20px;}.mySlideWithSortableList ul > li{ font-weight: bold;}...
Приблизительная структура файла slides.js (это общий файл для слайдов):...slideWithSortableList: function(block){ $(block).find('ul.sortable').sortable(); $(block).find('ul > li').click(function(){ .... })}...
Пример инициализации слайда:slideWithSortableList('#slideNumber123');
Важно: мы точно не знаем, сколько будет контента на каждом слайде. Например, в слайдах с перетаскиванием картинок, этих картинок может быть 3, а может быть 20. Поэтому картинки должны автоматически распределяться по поверхности слайда средствами js.
В сверстанном слайде надо показать разные варианты с произвольным количеством контента.
Пример, как оно должно работать: http://demo.burningheads.ru/wella/v1/
Необходимо сверстать главную страницу темы для CMS Prestashop по дизайн-макету. Верстка нужна адаптивная, на bootstrap. Если вы работали с Prestashop - обязательно сообщите это в ответе. Подход отдельной верстки, а потом натяжки ее на CMS не ...
Здраствуйте. Маркетинг-Бюро имеет постоянный пакет заказов по веб сайто-строительству. Сейчас есть заказ на верстку в Susy программирование в Yii 2. Напишите электронку. Мобильный телефон также ускорит контакт. Ориентируемся на Украинских специалистов.
1. Необходимо переверстать более качественно сайт https://goo.gl/zByxwV и заменить верстку (натянуть вместо этой). Адаптивно, кроссбраузерно, валидно. 4 тыс. руб. 2. Добавить английский язык на сайт. 2 тыс. руб. 3. Правки по админке, поправить админку чтобы был порядок. 1 тыс. ...
Нужно сделать три варианта вывода полей для оформления заказа: Физические лица, Юридическиелица, ИП. Необходимо скрыть ненужные поля для Физических лиц и ИП. Выбор осуществляется радио-кнопками, можно оформить "табами" 1. Для физических лиц скрыть: ИНН, КПП, ОКПО. 2. Для ...
дравствуйте! Нужна верстка сайта с нуля из PSD макета и натяжка на Wordpress. Техническое задание и макеты: [url=https://yadi.sk/d/5ckFB1LexxUk4]https://yadi.sk/d/5ckFB1LexxUk4 [/url] [list][*]Сроки: 4 дня[*]Бюджет: 4000 рублей[/list] Ответственного исполнителя ждут регулярные заказы:) Жду Ваших откликов. Спасибо!
Нужно переверстать логотип из картинки в стили.
Здравствуйте. Есть сайт, состоящий из 10 страниц, нужно сделать верстку, главное первую страницу, то есть макет, на остальных страницах будет в основном текст. Макет уже сделала, в psd формате. В заявке прошу указать сроки и ...
Из неадаптива перевезти в адаптив. Объема много. Хочу найти одного достойного и с ним работать продолжать постоянно. Пример по ссылке https://gyazo.com/7ef0054cfc405ab04d71ff975de88010
Задача — сайт с асимметричной версткой главной страницы. Визуально это должно выглядеть примерно так https://www.instagram.com/supaform/ (если убрать промежутки между блоками) — превьюхи проектов разного размера и выглядят расположенными в случайном порядке, как-будто непривязанными к стандартной сетке. Сверстать ...