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

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


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

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

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


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

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

Как сделать затемнение кнопок при наведении

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

Как сделать затемнение кнопок при наведении

Сообщение автор Dikooy в Вс 5 Фев - 15:40

Как сделать затемнение кнопок при наведении?
В панели навигации есть такой эффект


как такой же эффект сделать, на других кнопках, например:


Последний раз редактировалось: Dikooy (Ср 8 Фев - 11:10), всего редактировалось 1 раз(а)
avatar
Dikooy
Новичок

Сообщения : 16
Регистрация : 2011-02-24
Благодарности : 2

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

http://cssfairplay.forum2x2.ru/

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор Belokniznik в Вс 5 Фев - 18:04


Belokniznik
 

Мужчина

Сообщения : 730
Регистрация : 2011-03-20
Благодарности : 171

1 предупреждение

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор Dikooy в Пн 6 Фев - 7:33

ознакомился я с этой статьёй. Но у меня панель навигации сделала каким
то другим способом. В этот статье говориться о:
Каждая кнопка должна состоять из двух, расположенных друг над другом (и обязательно равных по высоте):
у меня каждая кнопка состоит из одного изображения
avatar
Dikooy
Новичок

Сообщения : 16
Регистрация : 2011-02-24
Благодарности : 2

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

http://cssfairplay.forum2x2.ru/

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор Belokniznik в Пн 6 Фев - 15:40

Значит, надо их продублировать и нижнюю часть сделать чуть темнее ;)

Belokniznik
 

Мужчина

Сообщения : 730
Регистрация : 2011-03-20
Благодарности : 171

1 предупреждение

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор Dikooy в Вт 7 Фев - 16:56

Всё сделал по инструкции, в панели навигации всё работает, но здесь нет:


ваще возможно сделать такую анимацию здесь?
avatar
Dikooy
Новичок

Сообщения : 16
Регистрация : 2011-02-24
Благодарности : 2

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

http://cssfairplay.forum2x2.ru/

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор gorezcaid в Вт 7 Фев - 17:24

Судя по виду у вас phpBB2. С помощью прозрачности. В CSS:
Код:
a img#i_post:hover,a img#one:hover,a img#i_reply:hover,a img#Newtopic:hover,span.nav a img:hover{
opacity: 0.5;
}
Кнопки "Новая тема" и "Ответить" должны быть одинарные.
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор Dikooy в Ср 8 Фев - 7:30

благодарю, вот что я и просил
avatar
Dikooy
Новичок

Сообщения : 16
Регистрация : 2011-02-24
Благодарности : 2

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

http://cssfairplay.forum2x2.ru/

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор Dikooy в Ср 8 Фев - 7:43

ещё один вопрос
как сделать также такую же кнопку тока снизу, или как её ваще от туда убрать? а то снизу там такае же кнопка, но она не затемняется при наведении
avatar
Dikooy
Новичок

Сообщения : 16
Регистрация : 2011-02-24
Благодарности : 2

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

http://cssfairplay.forum2x2.ru/

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор gorezcaid в Ср 8 Фев - 9:41

Подсветить нижнюю кнопку "Новая тема":
Код:
a img#i_post1:hover{
opacity: 0.5;
}
Или скрыть её:
Код:
a img#i_post1{
display:none;
}
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Как сделать затемнение кнопок при наведении

Сообщение автор Dikooy в Ср 8 Фев - 11:10

большое спасибо, всё работает
avatar
Dikooy
Новичок

Сообщения : 16
Регистрация : 2011-02-24
Благодарности : 2

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

http://cssfairplay.forum2x2.ru/

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

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


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