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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем realmadrid, 4 авг 2007.

  1. realmadrid

    realmadrid Гость

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

    nws Гость

    Репутация:
    0
    Menu6ki
    Поищи сдесь, на этом сайте есть примеры разных симпотичных менюшек + код
     
  3. ioni

    ioni Well-Known Member

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

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

    @ero Гость

    Репутация:
    0
    <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>
     
Загрузка...
Похожие Темы - Пункты меню непрямоугольной
  1. bedrov
    Ответов:
    2
    Просмотров:
    134
  2. KIra
    Ответов:
    0
    Просмотров:
    148
  3. kuklofon
    Ответов:
    4
    Просмотров:
    670
  4. bsl
    Ответов:
    1
    Просмотров:
    363
  5. Shouldercannon
    Ответов:
    2
    Просмотров:
    1.266

Поделиться этой страницей