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

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


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


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

напр:


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

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

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


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

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


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

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

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

Адреса и тексты, выделенные цветом - заменить на свои.


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


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

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

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

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

Оставить комментарий

Популярные посты: