Пункты меню непрямоугольной формы

  • Автор темы Автор темы realmadrid
  • Дата начала Дата начала
R

realmadrid

Здравствуйте!
У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы (gif тут вряд ли уместно)? Как можно сделать его ссылкой со сменой изображения?
Про карты-изображения я знаю, но тогда придётся сохранять всю полосу меню, потом резать её на карты и прописывать смену изображений. Может есть другой выход?
 
Menu6ki
Поищи сдесь, на этом сайте есть примеры разных симпотичных менюшек + код
 
Все равно это можно изобразить, как прямоугольник цвета подложки (или прозрачный фон), на котором нарисована стрелка. А при наведении заменяется таким же прямоугольником, только на нем - подсвеченная стрелка...

Собственно говоря...
 
<style>
.primer{
background-image: url('адрес первой картинки');
background-repeat: no-repeat;
}
.primer:hover{
background-image: url('адрес второй картинки');
}
</style>

<table>
<tr>
<td class="primer" width="ширина картинок" height="высота картинок">menu_item1</td>
<td class="primer" width="ширина картинок" height="высота картинок">menu_item2</td>
</tr>
</table>
 
Мы в соцсетях:

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →
🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab