1

Здравствуйте.

Делаю портфолио, возникла совсем не очень гениальная идея. Меню.

alt text

Как сделать так, чтобы оно подсвечивалась как на картинке: при наведении мыши светились слова (home, potfolio...), наподобие:

alt text

Есть идеи?

Извините за вторую картинку. Просто не знал, как еще это можно было бы показать.

2 ответа 2

5

Каждый пункт меню рисуешь двумя картинками (с подсветкой текста и без). По умолчанию выводишь без подсветки, при наведении мыши меняешь на картинку с подсветкой.

А вообще-то так делать нехорошо. Лучше оставь фон для меню, а пункты меню выводи текстом. Тогда можно баловаться со стилями самого текста, например text-shadow

1
  • 2
    Это же портфолио, цель - показать, что умеет только картинками :-)
    – karmadro4
    Commented 7 апр. 2012 в 5:34
2

С text-shadow не всегда получится требуемый эффект (если рассчитывать на кроссбраузерность). Очень уж различны вариации исполнения его в IE, Chrome, Opera, FF и прочих. Лучше-таки именно графическое исполнение разных состояний (разные картинки для hover, active) - по крайней мере можно быть абсолютно уверенным в том, что разные версии браузеров отобразят ваш сайт так, как надо.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.