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

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


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

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Валентина Ивановна в Ср 11 Мар - 5:38

Добрый день, уважаемые знатоки.
Я изменила  код   отсюда:  п.5(вариант2)  http://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;  
   }


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

Валентина Ивановна
 
 

Пол : Женщина
Сообщения : 34
Возраст : 28
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2014-04-13

http://escaperoomalina.gta-ru.com

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

Решено Re: Вертикальное меню

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

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

Валентина Ивановна
 
 

Пол : Женщина
Сообщения : 34
Возраст : 28
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2014-04-13

http://escaperoomalina.gta-ru.com

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

Решено Re: Вертикальное меню

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

flag  17

Валентина Ивановна
 
 

Пол : Женщина
Сообщения : 34
Возраст : 28
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2014-04-13

http://escaperoomalina.gta-ru.com

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

Решено Re: Вертикальное меню

Сообщение автор Tinna в Пн 30 Мар - 10:45

Валентина Ивановна,
если я правильно поняла вы хотели
-без наведения мышки-темное
-при наведении вот так

тогда попробуйте вот этот код ( не знаю правильно или нет но работает)
Код:
.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
 
 

Пол : Женщина
Сообщения : 353
Возраст : 97
Карма : Без предупреждений
Благодарности : 126
Регистрация : 2014-02-12

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

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

Решено Re: Вертикальное меню

Сообщение автор Валентина Ивановна в Вт 7 Апр - 8:07

спасибо Вам огромное! d_daisy

Валентина Ивановна
 
 

Пол : Женщина
Сообщения : 34
Возраст : 28
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2014-04-13

http://escaperoomalina.gta-ru.com

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

Предыдущая тема Следующая тема Вернуться к началу


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