Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Анимация кнопок при наведении
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Анимация кнопок при наведении
автор rosfederator Ноябрь 13th 2012, 14:46
Здравствуйте! Хочу сделать свои кнопки, но не знаю, как их анимировать. Нужен эффект анимации при наведении.
rosfederator-
- Сообщения : 148
Регистрация : 2012-09-30
Благодарности : 6
-
Re: Анимация кнопок при наведении
автор Dana Domirani Ноябрь 13th 2012, 15:22
Если речь о меню навигации, то - https://help.forum2x2.ru/t10539-topic
Если о других — то какие именно интересуют?
Если о других — то какие именно интересуют?
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: Анимация кнопок при наведении
автор rosfederator Ноябрь 13th 2012, 15:28
Это то, что было нужно. Спасибо. 
rosfederator-
- Сообщения : 148
Регистрация : 2012-09-30
Благодарности : 6
-
Re: Анимация кнопок при наведении
автор rosfederator Ноябрь 14th 2012, 09:51
Еще хотелось бы спросить - как сделать вот эту полосу
(на которой размещаются кнопки) - пошире - чтобы установленную кнопку было видно целиком.
(на которой размещаются кнопки) - пошире - чтобы установленную кнопку было видно целиком.
rosfederator-
- Сообщения : 148
Регистрация : 2012-09-30
Благодарности : 6
-
Re: Анимация кнопок при наведении
автор Dana Domirani Ноябрь 14th 2012, 11:51
См. в CSS
- Код:
.navbar {
height: 37px;
}
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: Анимация кнопок при наведении
автор rosfederator Ноябрь 14th 2012, 12:17
Спасибо. Возникла еще одна проблема: Панель навигации теперь выглядит вот так: 
Кнопки ушли куда-то вверх. Что можно сделать, чтобы они стояли по центру?
Кнопки ушли куда-то вверх. Что можно сделать, чтобы они стояли по центру?
rosfederator-
- Сообщения : 148
Регистрация : 2012-09-30
Благодарности : 6
-
Re: Анимация кнопок при наведении
автор Dana Domirani Ноябрь 14th 2012, 12:25
У Вас кнопки одинарные стоят. А настройки CSS для двойных (анимированных).
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
rosfederator-
- Сообщения : 148
Регистрация : 2012-09-30
Благодарности : 6
-
Re: Анимация кнопок при наведении
автор Dana Domirani Ноябрь 14th 2012, 12:38
В Фотошопе. Или любом другом граф. редакторе
Должно быть нечто подобное:
Должно быть нечто подобное:
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
rosfederator-
- Сообщения : 148
Регистрация : 2012-09-30
Благодарности : 6
-
Re: Анимация кнопок при наведении
автор rosfederator Ноябрь 14th 2012, 14:38
И снова здравствуйте! У меня почему-то выглядывает фрагмент верхнего рисунка. 
Что с этим можно сделать?
Что с этим можно сделать?
rosfederator-
- Сообщения : 148
Регистрация : 2012-09-30
Благодарности : 6
-
Re: Анимация кнопок при наведении
автор Dana Domirani Ноябрь 14th 2012, 15:20
Подкорректируйте настройки под новую высоту кнопок:
- Код:
a.mainmenu img {
margin-top: -37px;
}
- Код:
a.mainmenu img {
margin-top: -41px;
}
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
