Как сделать тест - гадание

Feb 11, 2016 19:04

Действующая модель " гадания по книге"
(когда случайная строка на случайно выбранной странице дает наводку к задуманному вопросу -
Que sera, sera, судьба говорит загадками). Книга на этот раз - сетевая подборка пирожков-порошков



Выбери пирожок - получи стишок


Понадобится какая-нибудь фоновая картинка размером 600 Х 600 пикселей

напр:


и схема на прозрачном фоне -


Скачать схему

В графическом редакторе прозрачный слой накладываем на фоновую картинку,
и в пункты, отмеченные кружочками вклеиваем или дорисовываем антураж для гадания
(как пользоваться слоями в Faststone см тут)



Сохраняем то что получилось в альбом

Так же понадобится 12 картинок - результатов гадания, размер на ваше усмотрение.


К каждому пункту изображения прикрутим ссылку;
код для готовой схемы:



В верхнюю строку вставим линк на основное изображение.

В атрибут href вместо ## нужно подставить ссылки на картинки-ответы.
Ссылки должны иметь следующий вид:

http://www.livejournal.com/update.bml?subject=Гадание на чем угодно;event=%3Ca%20href=%22httр://mу-blоg.livejournal.cоm/ХХХХХ.html%22%20target=%22_blank%22%3E%3Cimg%20src=%22httр://my-hоst/image_01.рng%22%20/%3E%3C/a%3E%0A%3Ca%20href=%22httр://my-blоg.livejournal.cоm/ХХХХХХ.html%22%3EПерейти к гаданию%3C/a%3E
Адреса и тексты, выделенные цветом - заменить на свои.

Ссылка вида httр://www.livejоurnal.cоm/update.bml?subject=
открывает форму новой записи (для залогиненных пользователей),
"subject" определяет заголовок поста. Годятся картинки с любым расширение gif, jpg, не только png.
- Как узнать номер записи для вставки в код?
- Отправить пост под глазом, затем исправить ХХХХХ.html на актуальный номер

(Разумеется, предметы можно располагать на подложке в любом произвольном порядке,
только тогда нужно будет прописать новые координаты, соответствующие их положениям.

Получить коды с координатами поможет специальный ресурс генератор map-area, хотя и вручную не сложно рассчитать.)

ооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооо

Под катом - как сделать такую игрушку в своем блоге.

!que-sera-sera, пироШки, #map, HTMLство

Previous post Next post
Up