Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Как изменить: 1) цвет фона горизонтального меню, 2) цвет активных кнопок меню горизонтального и вертикального меню, 3) цвет кнопок горизонтального и вертикального меню при наведении, 4) цвет кнопки Найти
меню одно и другое
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; }