¿Puedo crear un botón personalizado con CSS y HTML?

Quiero hacer un botón como este, pero este dice que es CSS con HTML, ¿dónde personalizo HTML en Discourse? ¿En el mismo enlace donde pongo CSS?

Efecto brillante genial en botones usando HTML y CSS | CodingNepal - YouTube

Un lugar para empezar es la Guía para principiantes para desarrollar temas de Discourse

1 me gusta

¿Quieres añadir el botón en una publicación (en este caso, consulta este tema) o quieres personalizar un botón existente en la interfaz de Discourse?

Sí, pero si quieres añadir un botón a la interfaz de Discourse, eso es otra cosa y requiere programación.

Por cierto, el video me molesta porque el creador no puso ningún enlace al código real (sitios como https://codepen.io son muy útiles para trabajar en este tipo de cosas). Es CSS bastante avanzado y copiarlo manualmente del video será tedioso.

Por curiosidad, busqué un poco en Internet y el código está publicado en su sitio web.


Para añadir a la respuesta de Jay, añadiré Making custom CSS changes on your site, que puede ser más sencillo si tu única intención es personalizar el estilo HTML en tu sitio web.

Por último, los foros de Discourse tienen un excelente plugin preinstalado llamado Styleguide que puedes habilitar y que mostrará prácticamente todos los elementos de tu foro con su estilo actual:

Primero, habilita la página de Styleguide:
Panel de administración → Plugins → Styleguide → :gear:Configuración → Marca styleguide enabled :white_check_mark:.

Luego, puedes ir a la página de Styleguide. Simplemente añade /styleguide a la URL de tu foro para verla:

Si realmente no sabes mucho sobre CSS y estilo en general, te aconsejo que aprendas lo básico antes de meterte en este proyecto de botones.

1 me gusta

Hola, gracias por publicarlo.

¡Guau, muchas gracias por mostrarme esta guía de estilo, no sabía de esta función! ¡Estoy muy agradecido! ¡Voy a diseñar los botones de mi sitio web, tal como el enlace que te envié! En este caso, tenía dudas, porque en el video se muestra que tienes que usar HTML y CSS, ¡pero creo que Discourse solo acepta CSS! ¡Muchas gracias por mostrarme estas cosas!

2 Me gusta