Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2144 Просмотров
*

RicoID

  • Захожу иногда
  • 74
  • 0 / 0
Прошу помощи!

Нашел на одном сайте коды для кнопок, понравилась одна, решил запилить.

Создал кнопку "добавить статью" в админке и вывел её в нужную позицию.

Указал ей css-класс "addbutton" в админке.

Открыл template.css

В самом низу прописал оформление для неё так:
.addbutton {
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
  max-width: 50%; display: block; margin: 0 auto;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  text-align: center;
}

Теперь я хочу задать ей свой цвет, когда наводишь на неё мышку.
Нашел в template.css общие параметры, которые за это отвечают:
.nav > li > a:hover,
.nav > li > a:focus {
   text-decoration: none;
   background-color: #EEF3FC;
}

Но они для всех кнопок! А мне нужно прописать свои и только для кнопки addbutton.

Ей нужно добавить это:
a.addbutton:hover { background: rgb(53, 167, 110);
}
a.addbutton:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

Вопрос. Куда это прописывать??

Пытался в template.css прописывать такое:
a.addbutton:hover { background: rgb(53, 167, 110);
}
a.addbutton:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}
Не помогло.Скорее всего это неправильно, поправьте меня.

Шаблон protostar.
Кнопка тут (http://shpargalkablog.ru/2012/04/css-knopki.html) Зелёная.
*

RicoID

  • Захожу иногда
  • 74
  • 0 / 0
В общем, вроде разобрался) Нужно в CSS вот так добавлять:

.nav> li > a.addbutton:hover {
       background: rgb(53, 167, 110);
       color: white;
}
.nav> li > a.addbutton:active {
       background: rgb(33,147,90);
       box-shadow: 0 3px rgb(33,147,90) inset;
}
*

ProtectYourSite

  • Живу я здесь
  • 2356
  • 135 / 4
  • Безопасность вебсайтов
Эти строчки должны быть ниже в коде, чем глобально для всех кнопок, тогда будет переопределяться и работать.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работают стили на одной странице

Автор yyyuuu

Ответов: 1
Просмотров: 957
Последний ответ 17.02.2023, 17:11:08
от marksetter
Выравнить кнопки на карточке товара

Автор DrShepard

Ответов: 10
Просмотров: 1590
Последний ответ 21.02.2022, 10:56:18
от DrShepard
Как задать цвет SVG?

Автор Forgiving

Ответов: 14
Просмотров: 8918
Последний ответ 11.05.2020, 19:38:20
от fireman
Как добавить сторонние кнопки CSS в модули и плагины Joomla?

Автор bayersoff

Ответов: 12
Просмотров: 5002
Последний ответ 23.12.2018, 17:42:46
от effrit
Убрать рамки у кнопки

Автор leha111

Ответов: 1
Просмотров: 3093
Последний ответ 08.06.2018, 12:56:25
от draff