Одной из наиболее занимательных головоломок являются пазлы. Они любимы и взрослыми, и детьми. Сегодня Админу.ру рассмотрит несколько онлайн-сервисов (генераторов) пазлов с возможностью экспорта кода для вставки на сайт или блог.

Jigsaw Planet — Сервис создания пазлов

Jigsaw Planet - Сервис создания пазлов

Jigsaw Planet — Сервис создания пазлов

Ссылка на сайт: jigsawplanet.com.

Если вы планируете регулярно создавать пазлы с помощью Jigsaw Planet, рекомендуем зарегистрироваться на сайте. Однако, для разовых генераций можно обойтись и без регистрирования. Для любителей иностранных языков в правом нижнем углу страницы (не заметно, если не обратить внимание) есть выпадающий список с поддержкой целого списка языков:

Jigsaw Planet поддерживает много языков

Jigsaw Planet поддерживает много языков

Создаём пазл, нажимая на третью кнопку меню «Создать»:

Jigsaw Planet: создание пазла

Jigsaw Planet: создание пазла

Загружаем картинку, вводим название, задаём количество частей (на которые разобъётся картинка), выбираем форму частей, задаём ключевые слова (для поиска внутри сайта). Далее нажимаем кнопку «Создать».

Jigsaw Planet: готовый пазл

Jigsaw Planet: готовый пазл

Получаем готовый пазл.

Как получить ссылку на созданный пазл?

Справа-сверху видим кнопку «Поделиться», по нажатию на которую выпадает список вариантов публикации созданного пазла в социальных сервисах и возможность встроить пазл на сайт или блог. Выбираем пункт «Эл.почта».

Jigsaw Planet: поделиться пазлом

Jigsaw Planet: поделиться пазлом

Откроется новая форма:

Jigsaw Planet: ссылка на пазл

Jigsaw Planet: ссылка на пазл

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

Размещение кода пазла на внешнем сайте или блоге

Справа-сверху видим кнопку «Поделиться», по нажатию на которую выпадает список вариантов публикации созданного пазла в социальных сервисах и возможность встроить пазл на сайт или блог. Выбираем пункт «Встроить».

Jigsaw Planet: поделиться пазлом

Jigsaw Planet: поделиться пазлом

Появляется страница с большим количеством текста и несколькими вариантами кода вставки:

Jigsaw Planet: Код вставки пазла на сайт

Jigsaw Planet: Код вставки пазла на сайт

Jigsaw Planet: Код вставки пазла на сайт (продолжение)

Jigsaw Planet: Код вставки пазла на сайт (продолжение)

Если ваш сайт или блог поддерживает использование фреймов, то выбирайте последний выделенный фрагмент (короткий). Если поддержка фреймов отсутствует,  воспользуйтесь кодом первого выделения (много строк кода).

Далее вставляем код на свой сайт (или блог) в режиме HTML (режим «Текст» в WordPress, как в нашем случае):

Вставка кода на сайт

Вставка кода на сайт

В итоге получам масштабируемый пазл на своём сайте:

Код пазла на сайте

Код пазла на сайте

И, собственно, итог работы: пазл на сайте. Можете попробовать сложить:

 

Всегда ваши, Админы.ру

Комментарии:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *