ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

АКЦИЯ! СКЕТЧЕВЫЕ ИЛЛЮСТРАЦИИ бесплатно

Цветные или чёрно-белые иллюстрации на безвозмездной основе;
С вас только фото/видео/скрин персонажа и описание его характера.

Подробнее

Акция! Индивидуальный дизайн бесплатно

Доработаем макет под ваш проект;
Сверстаем и оснастим;
По желанию сделаем мобильную версию.

Подробнее

Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

PROMOTION: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you have a desire to help us make our project better:
Become a moderator
SuggestionsReviews

Details
⚡ Нам очень-очень нужны модераторы! Посмотреть вакансии и подать заявку.
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)
If you're english-speaker and want you use our forum, switch to the russian language. That is temporary, until the works with multi-language option will be over. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Смена стрелок вверх/вниз при наведении

Сообщений 1 страница 6 из 6

1

У меня в наличии есть код стрелок вверх/вниз. Всё работает прекрасно. Но вот недавно на одном форуме заметила такую штуку: изначально стрелки притенённые, а когда наводишь на них мышкой - становятся яркими. Как я поняла, нужны два варианта стрелок: одни тёмные, другие - светлые.
Что нужно добавить в этот код, чтобы вышло так, как описано ниже?

Код:
<!-- cтрелочки -вверх вниз страницы -->
<div style="position:fixed; right
:3%; bottom: 20%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Взлететь">
<img src="https://forumstatic.ru/files/0012/56/49/80798.png" alt="Взлететь" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Упасть">
<img style="margin-top: -4px;" src="https://forumstatic.ru/files/0012/56/49/35557.png" alt="Упасть" ></a>
</div><!--конец cтрелочки -->

+1

2

Камели написал(а):

Что нужно добавить в этот код, чтобы вышло так, как описано ниже?

Извиняюсь, "выше".

0

3

Камели
а на каком форуме видели?

0

4

Rush
Здесь

0

5

Код:
<img src="ссылка_на_затемненную_картинку"  onmouseout="this.src='ссылка_на_затемненную_картинку'" onmouseover="this.src='ссылка_на_картинку_яркой_кнопки'" alt="Взлететь" >

Заменяете сам код там, где у вас картинки для вверх и вниз. Ссылки свои.

0

6

Ghоst
Большое спасибо.

0