CSS кнопок

Здесь обсуждается форумный движок phpBB различных версий. В дальнейшем, если понадобится, форум будет вынесен в отдельный подраздел и разбит на категории.
Ответить
Аватара пользователя

Автор темы
KISS_ARMY
Постоянный пользователь
Сообщения: 67
Зарегистрирован: 15 окт 2015, 06:03
Есть ответ: 4
Репутация: 2
Контактная информация:
Статус: Не в сети

CSS кнопок

Сообщение KISS_ARMY » 22 ноя 2015, 14:24


Есть во такой файл buttons.css в theme
Не пойму какой раздел отвечает за конпку новая тема?
Есть такой код, хочу его использовать вместо стандартной кнопки новая тема:

Код: Выделить всё

a.knopka {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
}
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */

Теги:

Аватара пользователя

DesignerMix
Администратор
Администратор
Сообщения: 4448
Зарегистрирован: 25 апр 2014, 10:51
Есть ответ: 170
Репутация: 547
Откуда: Белгород
Контактная информация:
Статус: Не в сети

CSS кнопок

Сообщение DesignerMix » 23 ноя 2015, 00:02


KISS_ARMY, чтобы сориентироваться просто посмотрите код кнопки например через просмотр кода элемента в браузере.

Например в моей текущей теме оформления за кнопку Новая тема отвечает три класса button, icon-button и post-icon. Эти классы располагаются в файле ../styles/имя_стиля/theme/buttons.css, но сразу замечу что некоторые из классов отвечают одновременно и за другие элементы дизайна так что меняя их вы сразу меняете все объекты на которые применяются эти классы.

Чтобы применить ваш код как вариант - можно просто добавить собственный класс к нужной вам кнопке в файле ../styles/имя_стиля/template/viewforum_body.html а затем добавить описание для класса в buttons.css, но если там будут параметры которые описаны в других классах то добавляйте в них значение !important, например padding: .7em 1.5em !important; /* отступ от текста */