Можно ли создать пользовательскую кнопку с помощью CSS и HTML?

Я хочу создать такую же кнопку, но в этом примере говорится, что это CSS с HTML. Где в Discourse можно настроить HTML? В том же месте, где я добавляю CSS?

Крутой эффект свечения для кнопок с использованием HTML и CSS | CodingNepal - YouTube

Начать можно с Руководства для начинающих по разработке тем Discourse

Вы хотите добавить кнопку в сообщение (в этом случае см. эту тему) или вы хотите настроить существующую кнопку в интерфейсе Discourse?

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

Кстати, видео меня раздражает: создатель не добавил ссылку на реальный код (такие сайты, как https://codepen.io, очень полезны для работы с подобными вещами). Это довольно продвинутый CSS, и копировать его вручную из видео будет утомительно.

Из любопытства я немного поискал в интернете, и код опубликован на их сайте.


В дополнение к ответу Джея, я добавлю ссылку Making custom CSS changes on your site, которая может быть более понятной, если ваша единственная цель — настроить стиль HTML на вашем сайте.

И последнее, но не менее важное: форумы Discourse имеют отличный предустановленный плагин под названием Styleguide, который можно включить. Он покажет почти все элементы вашего форума с их текущими стилями:

Сначала включите страницу Styleguide:
Панель администратора → Плагины → Styleguide → :gear:Настройки → Установите галочку styleguide enabled :white_check_mark:.

Затем вы можете перейти на страницу Styleguide. Просто добавьте /styleguide к URL вашего форума, чтобы увидеть её:

Если вы не очень хорошо разбираетесь в CSS и стилизации в целом, я настоятельно рекомендую изучить основы, прежде чем приступать к этому проекту с кнопкой.

Привет, спасибо за публикацию!

Вау, огромное спасибо за то, что показали мне это руководство по стилям! Я не знал об этой функции! Я очень признателен! Я буду стилизовать кнопки на своём сайте точно так же, как в ссылке, которую я вам отправил! В данном случае я сомневался, потому что в видео показано, что нужно использовать HTML и CSS, но, кажется, Discourse принимает только CSS! Ещё раз большое спасибо за то, что показали мне эти вещи!