Красивое кулинарное меню для сайта

На одном из моих сайтов возникала необходимость создать кулинарное меню как в ресторане, в виде развернутой книги. Все названия блюд в этом меню — это рабочие ссылки. Нажимаешь на такую ссылку, и открывается страница с рецептом данного блюда. Выглядит мое меню так:
кулинарное меню
Если Вы хотите сделать такой вариант кулинарного меню на Вашем сайте то Вам нужно сделать всего три шага.

Шаг1

Скачайте картинку развернутой книги тут. Поместите ее в корень Вашего сайта.

Шаг 2

В CSS стилях Вашего сайта вставьте следующий код:

ШАГ 3

Там, где Вы хотите размести свое меню-книгу вставьте следующий код.

В этом коде нужно поменять текст на нужный Вам и поменять ссылки:
вместо http://handy-hands.ucoz.com/img/no_foto.jpg — разместите ссылки на Ваши фотографии
вместо http://handy-hands.ucoz.com/publ/kulinarija/kapreze/7-1-0-9 (и другие подобные) — разместите ссылки на Ваши страницы

Надеюсь, что все у Вас получится. Если есть какие-то вопросы — пишите в комментариях, я с удовольствием отвечу.


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

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

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