Здравствуйте.
Помогите проблемку порешать.
Форум еще только в разработке: http://pilgrimhotel.rolebb.ru/
1. Курсор при наведении на меню меняется на крестик. Подскажите, в чем может быть ошибка и как ее исправить?
2. Подскажите скрипт для эффекта плавного изменения декорации шрифта ссылки?
Чтоб цвет, подсвечивание и т.д. появлялось плавно, а не так резко, как у нас.
Отображение курсора на меню. Скрипт для эфекта изменения ссылки
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться1Вс, 6 Окт 2019 23:45:21
Поделиться2Вс, 6 Окт 2019 23:58:51
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7338
- Уважение: +5821
- Позитив: +6441
- Пол: Мужской
- Последний визит:
Чт, 16 Май 2024 23:37:28
Sibir9k написал(а):
1. Курсор при наведении на меню меняется на крестик. Подскажите, в чем может быть ошибка и как ее исправить?
А что должно быть? У вас четко прописан крестик:
#naviii a:hover{background-color: #2b2217; cursor: crosshair;}
По курсорам: http://htmlbook.ru/css/cursor
Поделиться3Пн, 7 Окт 2019 00:48:43
kolobdur74
Спасибо вам большое!!!
С этим разобрались.
Подскажите, пожалуйста, еще на счет скрипта для плавного изменения декорации картинок панели навигации. Чтоб они появлялись не так резко. Как это возможно сделать?
Поделиться4Пн, 7 Окт 2019 00:59:44
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7338
- Уважение: +5821
- Позитив: +6441
- Пол: Мужской
- Последний визит:
Чт, 16 Май 2024 23:37:28
Sibir9k написал(а):
Подскажите, пожалуйста, еще на счет скрипта для плавного изменения декорации картинок панели навигации. Чтоб они появлялись не так резко. Как это возможно сделать?
Это Форум, Поиск и т.д.?
Ну, можно к примеру добавить transition-duration: 0.96s;:
Сюда:
a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.5; /* Mozilla 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=50); /* IE 5.5+*/
}
И сюда:
/* A2.4 */
.punbb img {
border:none
}
Это будет применено ко всем картинкам с наведением, если конкретно для Меню, то:
Код:
#pun-navlinks img, #pun-navlinks a:hover img {transition-duration: 0.96s;}Поделиться5Пн, 7 Окт 2019 01:03:31
kolobdur74
Да, именно оно. Где форум, поиск и тд.
Спасибо большое! Поразбираемся)
Страница: 1