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

Объявление

АКЦИЯ: Раздаём дизайны бесплатно

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

Подробнее

Поисковой ресурс

Проект от команды FD
для текстовых ролевиков

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

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

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

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

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

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

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

Подробнее
Конкурс! Интерфейс и взаимодействие! Главный приз - 2000 рублей.
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)

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

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



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

Сообщений 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

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

Подпись автора

Рады приветствовать Вас на просторах «Fantom - soul mirror».

0

4

Rush
Здесь

0

5

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

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

0

6

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

0