Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

fff - Вертикальное меню Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Медленное соединение после перехода на https
автор Премьера Вчера в 22:40

» Аварийные инструменты
автор Luz Ноябрь 15th 2019, 18:48

» Новый владелец сайта, которого не назначали
автор Luz Ноябрь 15th 2019, 18:39

» Массовое ЛС стало недоступным для отправки группе "Пользователи"
автор Dana Domirani Ноябрь 15th 2019, 16:52

» Topic'it: конец приключения...
автор Luz Ноябрь 14th 2019, 13:20

» Что такое PWA-приложение форума?
автор IceQueen Ноябрь 11th 2019, 20:21

» проблемы входа из Google Chrome
автор Fate Ноябрь 10th 2019, 10:02

» Дисковое пространство
автор Dana Domirani Ноябрь 8th 2019, 18:05

» Смайлики в быстром ответе
автор irina27 Ноябрь 5th 2019, 21:29

» Некорректно работает форум.
автор irina27 Ноябрь 4th 2019, 15:19

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Вертикальное меню

Перейти вниз

fff - Вертикальное меню Empty Вертикальное меню

Сообщение автор Валентина Ивановна в Март 11th 2015, 05:38

Добрый день, уважаемые знатоки.
Я изменила  код   отсюда:  п.5(вариант2)  https://help.forum2x2.ru/t26640-topic , но кнопки  списка изменить не смогла-они по-прежнему серые.
Не могли бы вы подсказать, что  отвечает в этом  коде за цвет кнопок? как сделать, чтобы кнопки меняли цвет плавно при наведении мышки от  F77943 до F2936A  :
      .wigmenu {
   background-color: #782F1E;
   }

       .wigmenu {
   background-color: #782F1E;
   }

   .wigmenu a {
   display: block;
   padding: 8px 0 8px 5px;
   margin: 0;
   background-color: #E87D3A;
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
   background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#F2936A', EndColorStr='#F77943');
   border-bottom: 1px solid #E86615;
   -webkit-box-shadow: inset 0px 1px 0px 0px #FA815C;
   -moz-box-shadow: inset 0px 1px 0px 0px #FA815C;
   box-shadow: inset 0px 1px 0px 0px #FA815C;
   font-family: Helvetica, Arial, sans-serif;
   color: #fff;
   text-shadow: 0px 1px 0px rgba(0,0,0,.5);
   }

   .wigmenu a:hover {
   transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   margin-left: 5px;
   color: #782F1E;  
   }


можно ли сделать так,чтобы  фон кнопки  при переходе  от пункта к пункту  при наведении  плавно менялся от насыщенного до бледного?  Подскажите,пожалуйста, где подсмотреть и почитать.? Где -то встречала похожее,но не нашла.
Заранее спасибо.
Валентина Ивановна
Валентина Ивановна
Новичок

Женщина

Сообщения : 25
Возраст : 31
Регистрация : 2014-04-13
Благодарности : 0

Без предупреждений

http://escaperoomalina.gta-ru.com

Вернуться к началу Перейти вниз

fff - Вертикальное меню Empty Re: Вертикальное меню

Сообщение автор Валентина Ивановна в Март 24th 2015, 21:35

печально, что не нашлось знатоков, чтобы помочь чайнику...
Валентина Ивановна
Валентина Ивановна
Новичок

Женщина

Сообщения : 25
Возраст : 31
Регистрация : 2014-04-13
Благодарности : 0

Без предупреждений

http://escaperoomalina.gta-ru.com

Вернуться к началу Перейти вниз

fff - Вертикальное меню Empty Re: Вертикальное меню

Сообщение автор Валентина Ивановна в Март 28th 2015, 23:14

flag  17
Валентина Ивановна
Валентина Ивановна
Новичок

Женщина

Сообщения : 25
Возраст : 31
Регистрация : 2014-04-13
Благодарности : 0

Без предупреждений

http://escaperoomalina.gta-ru.com

Вернуться к началу Перейти вниз

fff - Вертикальное меню Empty Re: Вертикальное меню

Сообщение автор Tinna в Март 30th 2015, 10:45

Валентина Ивановна,
если я правильно поняла вы хотели
-без наведения мышки-темное
-при наведении вот так
fff - Вертикальное меню 0972875001427701104
тогда попробуйте вот этот код ( не знаю правильно или нет но работает)
Код:
.wigmenu {
background-color: #fff;
}
.wigmenu a {
display: block;
padding: 8px 0 8px 5px;
margin: 0;
background-color: #616975;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
border-bottom: 1px solid #33373d;
-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
box-shadow: inset 0px 1px 0px 0px #878e98;
font-family: Helvetica, Arial, sans-serif;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.wigmenu a:hover {  
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
margin-left: 5px;
background-color: #DADADA;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(181, 181, 181)),to(rgb(128, 128, 128)));
background-image: -webkit-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -moz-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -o-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -ms-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
}  
-если хотите сменить на свой цвет ищите эти строчки и меняете
Код:
background-color: #DADADA;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(181, 181, 181)),to(rgb(128, 128, 128)));
background-image: -webkit-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -moz-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -o-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -ms-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
Tinna
Tinna
 

Женщина

Сообщения : 331
Возраст : 100
Регистрация : 2014-02-12
Благодарности : 128

Без предупреждений

http://shatika.gta-ru.com/

Вернуться к началу Перейти вниз

fff - Вертикальное меню Empty Re: Вертикальное меню

Сообщение автор Валентина Ивановна в Апрель 7th 2015, 08:07

спасибо Вам огромное! d_daisy
Валентина Ивановна
Валентина Ивановна
Новичок

Женщина

Сообщения : 25
Возраст : 31
Регистрация : 2014-04-13
Благодарности : 0

Без предупреждений

http://escaperoomalina.gta-ru.com

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения