Как это работает
Загрузите изображение и протяните, чтобы создать область ссылки. Позиции хранятся в процентах, поэтому области остаются на месте при изменении размера. Настройте размер маркерами, заполните URL, alt и title, затем скопируйте HTML/CSS или сохраните CSS отдельным файлом.
Советы
- Берите изображение с чёткими кликабельными зонами; области — прямоугольники.
- alt — для экранных дикторов, title — подсказка при наведении.
- Проверьте результат на ПК и телефоне перед публикацией.
- Inline-стили удобны для быстрой вставки; режим классов — если CSS сайта может их перекрыть.
Часто задаваемые вопросы
Изображение загружается на сервер?
Нет. Изображение и правки остаются в браузере. Ничего не отправляется в beancuit или кому-либо ещё.
Какие изображения подходят?
Баннеры, фото товаров и инструкции с чёткими зонами клика. Позиции в процентах, поэтому области следуют за изменением размера.
Как использовать код?
Скопируйте HTML и CSS на сайт или выберите HTML / CSS отдельно и сохраните CSS отдельным файлом.
Чем отличаются inline-стили и классы?
Inline проще всего вставить. Режим классов использует случайный родительский класс, чтобы меньше конфликтовать с CSS сайта.
Похожие теги
#Разработчику35#Цвет и дизайн20#Изображения и файлы17#Безопасность12#Текст14#Фото12#Работа29#Конвертеры и единицы15#Генераторы и случайное8