Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Вчера в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 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
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Анимированные кнопки
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Страница 1 из 2 • 1, 2
Анимированные кнопки
вот смотри например эта картинка
нужно чтобы нижняя кагда наводиш курсором раскрывалась верхняя!
нужно чтобы нижняя кагда наводиш курсором раскрывалась верхняя!
Последний раз редактировалось: Dana Domirani (Январь 3rd 2012, 12:34), всего редактировалось 2 раз(а) (Обоснование : дано информативное название, см. Правила форума)
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Анимированные кнопки
там все коды даны.Домовой пишет:https://help.forum2x2.ru/t10539-topic
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
Надо делать самим.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
Да, если отбросить лишний фон вокруг — подойдут.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
извините а вы сможете сами сделать вот адрес
http://bakugan-rolevaya.forum2x2.ru
http://bakugan-rolevaya.forum2x2.ru
Re: Анимированные кнопки
Что значит — "сами сделать"? Они кому нужны — мне или Вам?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
ну пажалуйста умаляю я просто зделал у меня также две стоят и верх поднимается
Re: Анимированные кнопки
Еще раз перечитайте туториал. Не просто скопируйте оттуда код, а настройте его под размер своих кнопок.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
См. Вашу кнопку:
Ее высота = 280px, делим пополам — получаем 140px.
Берем код из темы https://help.forum2x2.ru/t10539-topic и подставляем туда вместо 37px высоту Вашей кнопки, т.е. 140px. Получаем код:
Копируем его в Па > Оформление > Цвета > Каскадная таблица стилей CSS и сохраняем. Получаем анимированное меню.
Ее высота = 280px, делим пополам — получаем 140px.
Берем код из темы https://help.forum2x2.ru/t10539-topic и подставляем туда вместо 37px высоту Вашей кнопки, т.е. 140px. Получаем код:
- Код:
.mainmenu {
display:inline-block;
height:140px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-140px;
}
a.mainmenu img:hover{
margin-top: 0px;
}
Копируем его в Па > Оформление > Цвета > Каскадная таблица стилей CSS и сохраняем. Получаем анимированное меню.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
Предыдущий код удалён?
Belokniznik-
-
Сообщения : 715
Регистрация : 2011-03-20
Благодарности : 171
Re: Анимированные кнопки
Еще раз возвращаемся к теме https://help.forum2x2.ru/t10539-topic и внимательно ее читаем:
Внимание: если Вы все сделали правильно, но кнопки "почему-то" не работают - проверьте, чтобы была отключена Оптимизация CSS: ПА > Оформление > Цвета > Каскадная таблица стилей CSS - Опции CSS - Оптимизировать вашу CSS: нет
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
спасибо пошло но том что то сверху посмотрите я не говорю помочь а посмотреть и ответить что это адрес:
http://bakugan-rolevaya.forum2x2.ru/forum
http://bakugan-rolevaya.forum2x2.ru/forum
Re: Анимированные кнопки
Верхняя часть картинки выглядывает. Тогда замените у себя в CSS в указанном коде числа (только числа! больше ничего не трогайте и не копируйте!!) со 140 на 150. Чтобы получилось:
.mainmenu {
display:inline-block;
height:150px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-150px;
}
a.mainmenu img:hover{
margin-top: 0px;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Анимированные кнопки
спасибо я поставил вот так.mainmenu {
display:inline-block;
height:160px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-160px;
}
a.mainmenu img:hover{
margin-top: 0px;
}
display:inline-block;
height:160px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-160px;
}
a.mainmenu img:hover{
margin-top: 0px;
}
Re: Анимированные кнопки
В Фотошопе или Гимпе.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Страница 1 из 2 • 1, 2
Похожие темы
» Анимированные кнопки
» Анимированные кнопки
» анимированные кнопки в сообщениях
» Нужны анимированные кнопки для форума
» (РЕШЕНО!)Анимированные кнопки для школьного портала
» Анимированные кнопки
» анимированные кнопки в сообщениях
» Нужны анимированные кнопки для форума
» (РЕШЕНО!)Анимированные кнопки для школьного портала
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения