Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Переход с 2x2forum.ru на 2x2forum.comавтор Luz Сегодня в 13:13
» Не корректное отображение картинок
автор VENEFICA. Сегодня в 13:09
» Проблема с метатегом Description
автор VeraLV Пн 18 Мар - 16:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Чт 14 Мар - 12:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Вт 5 Мар - 8:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Пт 1 Мар - 18:26
» 301 редирект
автор Dana Domirani Вс 25 Фев - 19:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Чт 22 Фев - 14:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Ср 14 Фев - 1:54
» Загрузка форума
автор лисенок Вт 13 Фев - 2:09
Варианты анимированного меню
+3
Ринкате
Dana Domirani
Sunnyta
Участников: 7
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Страница 1 из 2 • 1, 2
Варианты анимированного меню
Спасибо Дане за урок по анимированному меню
Вы, возможно, встречали на просторах инета... еще такой вариант:
- при наведении на текстовую ссылку в меню появляется обводка типа такой, как я нарисовала (делала быстро, поэтому не кидайтесь вениками) -
Т.е. текстовая ссылка получается обведенной таким образом.
Думаю, что это конкретный CSS... но насколько осуществим такой вариант в нашем меню?
Вы, возможно, встречали на просторах инета... еще такой вариант:
- при наведении на текстовую ссылку в меню появляется обводка типа такой, как я нарисовала (делала быстро, поэтому не кидайтесь вениками) -
Т.е. текстовая ссылка получается обведенной таким образом.
Думаю, что это конкретный CSS... но насколько осуществим такой вариант в нашем меню?
Re: Варианты анимированного меню
Т.е. что-то вроде этого?
- Код:
a.mainmenu:hover {
padding:5px;
border: 5px solid #C0C0C0;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Варианты анимированного меню
Как вариант тоже подойдет
... но я имела в виду такую рисованную типа от руки обводочку, поэтому спецом и рисовала кистью
... но я имела в виду такую рисованную типа от руки обводочку, поэтому спецом и рисовала кистью
Re: Варианты анимированного меню
Поняла. Тогда необходимо будет фиксировать ширину каждой текстовой ссылки и подставить изображение с обводкой им в фон.но я имела в виду такую рисованную типа от руки обводочку
Re: Варианты анимированного меню
Как это можно зафиксировать?Тогда необходимо будет фиксировать ширину каждой текстовой ссылки и подставить изображение с обводкой им в фон.
Re: Варианты анимированного меню
- Код:
a.mainmenu:hover {
padding:0 px;
border: 1px solid #E69898;
-moz-border-radius: 1px; /* Firefox */
-webkit-border-radius: 1px; /* Safari, Chrome */
-khtml-border-radius: 1px; /* KHTML */
border-radius: 5px; /* CSS3 */
}
Re: Варианты анимированного меню
Речь шла несколько о другомРинкате пишет:
- Просто веди это, вот оптималка)
Re: Варианты анимированного меню
Как вариант:Sunnyta пишет:Как это можно зафиксировать?Тогда необходимо будет фиксировать ширину каждой текстовой ссылки и подставить изображение с обводкой им в фон.
- Код:
a.mainmenu, a.mainmenu:hover {
height: 40px;
padding-top:10px;
vertical-align:middle;
display:inline-block;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu:hover {
background: transparent url('http://i61.servimg.com/u/f61/14/71/65/95/afds110.png') top center no-repeat;
width: 100px;
}
Re: Варианты анимированного меню
Sunnyta,а как ты сделала у себя на форуме возле каждой кнопки навигации при наведении смайл?
Re: Варианты анимированного меню
- Код:
a.mainmenu:hover {
background-image:url("ССЫЛКА КАРТИНКИ"); /* Путь к изображению при наведении */
background-position:0 0;
background-repeat:no-repeat;
padding-bottom:25px;
padding-left:25px;
}
Re: Варианты анимированного меню
Да, не за что ...
Внесла поправки, чтоб работало и в ИЭ (по наводке Даны)
*хотя при этом CSS появляется дергание навигации и таблицы форума, если кто-то предложит более корректный вариант, то будем премного благодарны
Внесла поправки, чтоб работало и в ИЭ (по наводке Даны)
- Код:
a.mainmenu:hover {
background-image:url("ССЫЛКА КАРТИНКИ"); /* Путь к изображению при наведении */
background-position:0 0;
background-repeat:no-repeat;
padding-left:25px;
padding-bottom:25px;
display:inline-block;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
*хотя при этом CSS появляется дергание навигации и таблицы форума, если кто-то предложит более корректный вариант, то будем премного благодарны
Re: Варианты анимированного меню
а где инструкция по анимированию меню?
Boss-
-
Сообщения : 162
Возраст : 27
Регистрация : 2010-06-11
Благодарности : 0
Re: Варианты анимированного меню
В первом посте.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Варианты анимированного меню
где в первом посте?я не про выделение
Boss-
-
Сообщения : 162
Возраст : 27
Регистрация : 2010-06-11
Благодарности : 0
Pure-
-
Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228
Re: Варианты анимированного меню
Диан, вопрос по меню.
Ставлю девушке на форум кнопки которые сделал.
Как сказано тут https://help.forum2x2.ru/forum-f13/tema-t10539.htm
P.s. Прочитать что написано в примечании я не смог, т.к. спойлер не работает.
Форум вот http://dogster.forumy2x2.com/index.htm
Кнопки съезжают куда-то влево + работают только две.
Ставлю девушке на форум кнопки которые сделал.
Как сказано тут https://help.forum2x2.ru/forum-f13/tema-t10539.htm
P.s. Прочитать что написано в примечании я не смог, т.к. спойлер не работает.
Форум вот http://dogster.forumy2x2.com/index.htm
Кнопки съезжают куда-то влево + работают только две.
Последний раз редактировалось: Total_Admin (Вс 13 Июн - 23:58), всего редактировалось 1 раз(а)
Pure-
-
Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228
Re: Варианты анимированного меню
Численные значения изменены под размеры кнопок? У меня в примере даны 37px, в ее коде должны быть 65px
Я сейчас смотрю с 3-х браузеров - все нормально.
Я сейчас смотрю с 3-х браузеров - все нормально.
Последний раз редактировалось: Dana Domirani (Вс 13 Июн - 23:46), всего редактировалось 1 раз(а)
Re: Варианты анимированного меню
Да.Численные значения изменены под размеры кнопок?
На следующие:
- Код:
height: 65px
и
margin-top:-65px
Pure-
-
Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228
Re: Варианты анимированного меню
У меня Опера 10.01. Обновления всё руки недоходили поставить...Я сейчас смотрю с 3-х браузеров - все нормально.
Сейчас посмотрю под другим браузером...
Pure-
-
Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228
Страница 1 из 2 • 1, 2
Похожие темы
» Информация под аватаром, проблема анимированного меню
» Варианты опроса
» Есть варианты?
» Варианты изменения чата
» Как добавить и убрать в панели ответа варианты.
» Варианты опроса
» Есть варианты?
» Варианты изменения чата
» Как добавить и убрать в панели ответа варианты.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения