как сделать смену картинки при наведении в навигации?

[kentus]

Хочу сделать чтоб картинка при наведении менялась т.е. просто была такая
а при наведении такая

[Fox-Alice]

Либо я слепая, либо картинки одинаковые.

[kentus]

не они разные)) там цвет текста в одной простой в другой красный темно

[Lika]

По всей вероятности, это видите только вы

[Дед]

По всей вероятности, это видите только вы

Не ссылайтесь на "всю вероятность" - я тоже вижу различия в цвете шрифта, а за сет этого и вся кнопка чуть темнее выглядит.

[Lika]

Точно! Вы абсолютно правы, я внимательно посмотрела, там само слово разным цветом написано, а кнопка вроде бы не меняет цвет

Для такого эффекта как просит kentus надо скрипт писать, либо создавать флеш-меню прикреплённое к шапке. Либо с CSS поработать

[kentus]

а этот не пойдет?:(

Код:

<tr><td height="25" align="center"><img src="Изображение" alt="" name="top3" width="130" height="25" border="0" id="top3" onMouseOver="this.src='Изображение при наведении'" onMouseOut="this.src='Изображение'"></a></td></tr>


[Дед]

Точно! Вы абсолютно правы, я внимательно посмотрела, там само слово разным цветом написано, а кнопка вроде бы не меняет цвет

Для такого эффекта как просит kentus надо скрипт писать, либо создавать флеш-меню прикреплённое к шапке. Либо с CSS поработать

Мороки много, а смысл?

[Fox-Alice]

а этот не пойдет?:(

Код:

<tr><td height="25" align="center"><img src="Изображение" alt="" name="top3" width="130" height="25" border="0" id="top3" onMouseOver="this.src='Изображение при наведении'" onMouseOut="this.src='Изображение'"></a></td></tr>


Нет. Этот - не подойдет... Ваще то процитированное и не скрипт вовсе...
http://www.postroika.ru/html/46step2.html

[kentus]

народ очень нужна анимированая картинка так как анимацию не могу сделать сделал 2 разных картинки нужно чтоб при наведении менялась :( и при нажатии переходило куда надо..(( ну кто нить поможет?

[Дед]

народ очень нужна анимированая картинка так как анимацию не могу сделать сделал 2 разных картинки нужно чтоб при наведении менялась :( и при нажатии переходило куда надо..(( ну кто нить поможет?

Это уже активная ссылка получается, а не просто картинка. Тут надо тихнчиски...

[Изобретатель]

Для такого эффекта как просит kentus надо скрипт писать, либо создавать флеш-меню прикреплённое к шапке.

Только так. Кстати скрипт вы скорее всего поиском найдете, только вот вопрос куда его ставить? (Это если в ПА). Скорее всего про прикрепленное к шапке флэш-меню реальнее.

Форумы с такими меню я однако видел... . Сам не пробовал. Увы

Но интересно вообще то!

[darkWoL]

Ну отчего же...
Мне кажется будет много проще подредактировать шаблоны, чем при каждой малой необходимости менять flash-меню, а то оно "универсальностью" не блещет...
Правда шаблоны у нас не на всех движках доступны...

[Изобретатель]

Кстати верно! Вы подскажите, какая у вас версия "движка" форума?
darkWoL или другие специалисты возможно смогут вам помочь.

[Fox-Alice]

Только так. Кстати скрипт вы скорее всего поиском найдете, только вот вопрос куда его ставить? (Это если в ПА). Скорее всего про прикрепленное к шапке флэш-меню реальнее.

Объясняю, как я сделала один фокус-покус.

1. Для фокуса нужны не 2, а 3 картинки для каждой кнопки меню.
№1 - та, что будет показываться в "спокойном состоянии".
№2 - та, что будет показываться при наведении.
№3 - "пустышка" - пустое gif изображение с прозрачным фоном.
Желательно, чтобы картинки 1,2,3 для каждой кнопки были одинакового размера. Либо, если они разные - то размеры "пустышки" должны быть равны размерам самой большой картинки.
2. Все картинки в меню заменяем на "пустышки".
Устанавливать ли в настройках "показывать в меню только картинки" или нет - дело вкуса. В принципе, пофигу.
3. После того, как картинки расставлены, пишем в каскадную таблицу коды для кнопочек по такому принципу:

Код:

    img#i_icon_mini_index{
    background: transparent  url('адрес картинки1') center center scroll no-repeat;
    }

    img#i_icon_mini_index:hover {
    background: transparent  url('адрес картинки2') center center scroll no-repeat;
    }


img#i_icon_mini_index - это для кнопки форум.
img#i_icon_mini_portal - для портала
img#i_icon_mini_calendar - для календаря
img#i_icon_mini_faq - для ЧаВо
img#i_icon_mini_search - поиск
img#i_icon_mini_members - пользователи
img#i_icon_mini_groups - группы
img#i_icon_mini_message - личка, нет новых ЛС
img#i_icon_mini_new_message - личка, есть новые ЛС
img#i_icon_mini_logout - выход
img#i_icon_mini_login - вход
img#i_icon_mini_gallery - галерея

Вот. Этот фокус-покус сделан на движке ВВ3.
Но его возможно провернуть в ВВ3 только для стандартных кнопочек. Если помимо стандартных были добавлены еще какие-то кнопки в меню, то с ними фокус-покус не пройдет.
Потому что у таких кнопочек нет id.

[Дед]

Вот. Но фокус-покус такой возможно провернуть в ВВ3 только для стандартных кнопочек. Если помимо стандартных были добавлены еще какие-то кнопки в меню, то с ними фокус-покус не пройдет.
Потому что у таких кнопочек нет id.

Хотите сказать, что если уже админ поставил свои кнопки, то пролет фанерой над Прижем?

[kentus]

Отлично большое спасибо Fox-Alice выручила полезная статья прикрипите последнее сообщение многим в навигации понадобится

[kentus]

жаль только помимо стандартных нельзя))) и вопрос как сделать пустышку?

[Fox-Alice]

Хотите сказать, что если уже админ поставил свои кнопки, то пролет фанерой над Прижем?

Я хочу сказать, что если админ сделал какие-то свои персональные кнопки, ну например, кнопку-ссылку на какой-нибудь другой сайт - то с этими кнопочками такой фокус-покус не пройдет. У этих кнопок, в отличие от стандартных, нет id.
Поэтому для каждой персональной кнопки сделать индивидуальные изображения при наведении и для "спокойного состояния" изображение не получится.
Для этих кнопок может получится сделать какой-то общий бэкграунд для "обычного состояния" и для наведения мыши.
Можно также для этих кнопок просто установить обычные картинки. И кнопки эти будут, в отличие от стандартных, не анимированные.
Насчет ВВ2...
Как-то подглядывала, кажется, на сайте Саниты, структуру меню в ВВ2.
Если не ошибаюсь, в ВВ2 id кнопкам присвоены такие же. Так что фокус-покус для Вв2 тоже может проканать. Кто на ВВ2 сидит и пользуется жуком - проверьте, совпадают ли id кнопок.

[kentus]

Fox-Alice не могла бы ты дать адресок пустышки побольше ибо у меня ток эта была https://illiweb.com/fa/empty.gif вставил ее везде не пашет )) у меня bb3

[Fox-Alice]

жаль только помимо стандартных нельзя))) и вопрос как сделать пустышку?

Открыть фотожабу. Создать новое изображение. С прозрачным фоном и размерами такими же, как Ваши кнопки. После чего сохранить. Лучше в формате gif.

Fox-Alice не могла бы ты дать адресок пустышки побольше ибо у меня ток эта была https://illiweb.com/fa/empty.gif вставил ее везде не пашет )) у меня bb3

Кентус, Вы по-русски читаете? Пустышка размером 1х1 пиксель для фокуса не годится. И чужая пустышка не подойдет. Вам нужно сделать свои пустышки под каждую кнопку. И эти пустышки должны быть а) прозрачными б) размерами такие же, как кнопка. Если размеры картинок в "спокойном состоянии" и при наведении не совпадают - размеры пустышки должны равняться размерам самой большой из этих картинок.
В Вашем случае для кнопки "главная" нужна пустышка размером 115px × 55px.
И для каждой стандартной кнопочки в меню Вам надо будет сделать свои отдельные пустышки. То есть если кнопка ЧаВо у Вас будет, в отличие от главной, размером 100рх Х 55 рх, то для ЧаВО надо поставить отдельную пустышку размером 100рх Х 55 рх. И т.д. для всех кнопок, которые Вы хотите анимировать.

[kentus]

Спасибо теперь понятно

[Fox-Alice]

Я немного исправила код... Так будет лучше на случай, если "спокойные" картинки и картинки при наведении разного размера...

[kentus]

А на Профиль нету? Регистрация? Весело будет без кнопки регистрации)))))))))))))))

[Fox-Alice]

img#i_icon_mini_register