• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

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

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

realmadrid

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

nws


Поищи сдесь, на этом сайте есть примеры разных симпотичных менюшек + код
 
I

ioni

Все равно это можно изобразить, как прямоугольник цвета подложки (или прозрачный фон), на котором нарисована стрелка. А при наведении заменяется таким же прямоугольником, только на нем - подсвеченная стрелка...

Собственно говоря...
 
@

@ero

<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>
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!