Шаблон 1221 - цвет меню и кнопки Найти

голоса: 0

Как изменить: 1) цвет фона горизонтального меню, 2) цвет активных кнопок меню горизонтального и вертикального меню, 3) цвет кнопок горизонтального и вертикального меню при наведении, 4) цвет кнопки Найти

| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

меню одно и другое

ul.uMenuRoot .uMenuItemA {
 color: #fff;
 background: linear-gradient(bottom, #66a312, #9bc31c) !important;
 background: -moz-linear-gradient(bottom, #66a312, #9bc31c) !important;
 /*! background: -webkit-linear-gradient(bottom, #66a312, #9bc31c) !important; */
 background: -o-linear-gradient(bottom, #66a312, #9bc31c) !important;
 background: -ms-linear-gradient(bottom, #66a312, #9bc31c) !important;
 }

красным выделено формирование цвета. выделено только в первой строчке для остальных тоже самое

выделение меню снизу

.uMenuItemA span {
 background: url("/.s/t/1221/11.png") no-repeat center bottom transparent;
 display: inline-block;
 line-height: 38px;
 margin-bottom: -6px;
 padding-bottom: 6px;
 }
 

найти

input[type=submit], input[type=reset], input[type=button] {
 color: #fff;
 border: none;
 padding: 5px 10px;
 font-size: 10pt;
 background: -moz-linear-gradient(bottom, #66a312, #9bc31c);
 background: -webkit-linear-gradient(bottom, #66a312, #9bc31c);
 background: -o-linear-gradient(bottom, #66a312, #9bc31c);
 background: linear-gradient(bottom, #66a312, #9bc31c);
 cursor: pointer;
 }

| Автор:
Выбор ответа лучшим | | Автор: Ята Аталия

цвет фона меню

.menu-wrap {
 border: 1px solid rgba(67,87,88,0.5);
 padding: 1px 10px;
 margin-bottom: 15px;
 text-align: center;
 background: linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%);
 background: -moz-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%);
 background: -webkit-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%);
 background: -o-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%);
 background: -ms-linear-gradient(bottom, #ffffff 0%, #f4f4f4 5px, #ffffff 100%);
 }

Получилось только кнопки нажатые перекрасить. В остальных случаях цвет не поменялся.

И вот здесь /.s/t/1221/11.png надо картинку поменять? её можно извлечь для примера?

Ята Аталия,

ну посмотрите на результат. если устраивает можно не менять. вот она https://advance-russia.ucoz.net/.s/t/1221/11.png

а во всех остальных случаях действуйте так как в уже сделанных. вам помимо того что вы указали ещё много править, чтобы зеленый с сайта вытравить. например кнопка найти

 input[type=submit], input[type=reset], input[type=button] {  color: #fff;  border: none;  padding: 5px 10px;  font-size: 10pt;  background: -moz-linear-gradient(bottom, #3b68b9, #3b68b9);  background: -webkit-linear-gradient(bottom, #66a312, #9bc31c);  background: -o-linear-gradient(bottom, #66a312, #9bc31c);  background: linear-gradient(bottom, #66a312, #9bc31c);  cursor: pointer;  }

меню 

 nav li:hover > a, ul.uMenuRoot>li>a:hover {background: #9bc31c; color: #fff} ul.uMenuRoot .uMenuItemA {  color: #fff;  background: linear-gradient(bottom, #3b68b9, #3b68b9) !important;  background: -moz-linear-gradient(bottom, #3b68b9, #3b68b9) !important;  background: -webkit-linear-gradient(bottom, #3b68b9, #3b68b9) !important;  background: -o-linear-gradient(bottom, #3b68b9, #3b68b9) !important;  background: -ms-linear-gradient(bottom, #3b68b9, #3b68b9) !important;  } 
webanet,
Спасибо, буду пробовать.
...