Пошаговая инструкция с картинками — кулинарная таблица

В данной статье представляю вашему вниманию HTML и CSS для создания на странице сайта пошаговой инструкции с картинками. Чаще всего такие инструкции используется для описания кулинарных рецептов. Я назвала ее кулинарная таблица для сайта, или шаблон кулинарной инструкции для сайта.

✪ DEMO⇊ СКАЧАТЬ

У меня тоже есть сайт, на котором много рецептов. Поэтому, чтобы не прописывать все в каждой новой статье, я и создала себе шаблон, который просто нужно заполнить.

HTML

HTML достаточно простой. Всего в нем 10 шагов. Вы всегда можете удалить лишние или добавить еще следующие.
Вместо слова ТЕКСТ пишите информацию соответствующую определенному шагу.
Для сайтов uCoz — изображения загружаете в пункте «Изображения». Каждому изображению автоматически присваивается порядковый номер.
Для других сайтов — вместо $IMAGE…$ вставляете ссылки на изображения.

CSS


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

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

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

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