Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор kentus в Вс 14 Фев - 0:01

Первое сообщение в теме :

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

kentus
 

Сообщения : 60
Регистрация : 2008-08-30
Благодарности : 0

Без предупреждений

Вернуться к началу Перейти вниз


Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

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

Сообщение автор Sunnyta в Пт 19 Фев - 21:23

Как вы думаете, можно ли разделить строки расположения в навигации картинки и подписи? Т.е. картинки были б в верхней строке, а подпись к ним внизу?
Тогда уже не надо бояться, что разнесет строку на две или саму страницу ...
Как ПРИМЕР wink

Sunnyta
 

Сообщения : 1580
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

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

Сообщение автор Sunnyta в Пт 19 Фев - 23:05

И для бб2 тоже имей в виду flag

Sunnyta
 

Сообщения : 1580
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

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

Сообщение автор Дед в Сб 20 Фев - 0:13

@Sunnyta пишет:Как вы думаете, можно ли разделить строки расположения в навигации картинки и подписи? Т.е. картинки были б в верхней строке, а подпись к ним внизу?
Тогда уже не надо бояться, что разнесет строку на две или саму страницу ...
Как ПРИМЕР wink
Это вроде сделано общей ссылкой (и картинка и подпись) и они нераздельны.

Дед
 

Мужчина

Сообщения : 733
Регистрация : 2009-03-15
Благодарности : 87

Без предупреждений

http://letopisec.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Sunnyta в Сб 20 Фев - 0:16

Угумс, это я видела. Хорошо у тебя получилось, но заморачиваться на 3 картинки мне лениво...
Еще бы вспомнить, где-то тут (Wol что ли) предлагал как можно картинку приподнять при наведении с помощью сисс.
Может заглянет сюда...
zvezda
Спойлер:
Станцевать надА!

Sunnyta
 

Сообщения : 1580
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

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

Сообщение автор Irbis в Сб 20 Фев - 4:06

@Sunnyta пишет:как можно картинку приподнять при наведении с помощью сисс.
На примере пм "Форум" на третьем бобике:
Код:
#i_icon_mini_index {
background: url('ССЫЛКА НА КАРТИНКУ'); width: 70px; height: 30px; display:block;
}
#i_icon_mini_index:hover {
background-position: 0 -30px;
};

Irbis
 

Мужчина

Сообщения : 583
Возраст : 30
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

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

Сообщение автор Sunnyta в Сб 20 Фев - 11:19

@Irbis пишет:
На примере пм "Форум" на третьем бобике:
Код:
#i_icon_mini_index {
background: url('ССЫЛКА НА КАРТИНКУ'); width: 70px; height: 30px; display:block;
}
#i_icon_mini_index:hover {
background-position: 0 -30px;
};
Хммм, теперь есть вопросы:
- в бб2 такой же код?
- как-то они не совсем привязаны друг к другу (т.е. картинка м.б. не рядом с надписью - тут надо задать позишн?)
scratch
*кажется разобралась ... это все прописАть в сисс, да?

Sunnyta
 

Сообщения : 1580
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

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

Сообщение автор Irbis в Пт 26 Фев - 1:22

Fox-Alice,
1. тк не убирайте display: block; и пустышка не будет нужна.
2.
Если не анимировать, а просто чтоб статичные картинки менялись - проще...
Проще но не эффективнее. При медленном инете, когда посетитель наведет курсор на ссылку вторая картинка подгрузится не сразу особенно если она анимированная. Не очень красиво смотрится когда наводишь курсор на ссылку и картинка на несколько миллисекунд просто пропадает.
При варианте с одной картинкой из двух половинок такого случаться не будет

Irbis
 

Мужчина

Сообщения : 583
Возраст : 30
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

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

Сообщение автор Irbis в Пт 26 Фев - 1:35

а.... :D
Fox-Alice, приношу свои извинения, по поводу второго, прост не правильно вас понял

Irbis
 

Мужчина

Сообщения : 583
Возраст : 30
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения