Posso creare un pulsante personalizzato con CSS e HTML?

Voglio creare un pulsante come questo, ma questo dice che è CSS con HTML, dove personalizzo l’HTML in Discourse? Nello stesso link in cui inserisco il CSS?

Effetto luminoso accattivante sui pulsanti usando HTML e CSS | CodingNepal - YouTube

Un punto di partenza è Guida per principianti allo sviluppo di temi Discourse

1 Mi Piace

Vuoi aggiungere il pulsante in un post (in questo caso, vedi questo argomento) o vuoi personalizzare un pulsante esistente nell’interfaccia di Discourse?

Sì, ma se vuoi aggiungere un pulsante all’interfaccia di Discourse, quella è un’altra cosa e richiede programmazione.

A proposito, il video mi infastidisce perché il creatore non ha fornito alcun link al codice effettivo (siti come https://codepen.io sono molto utili per lavorare su questo tipo di cose). È CSS piuttosto avanzato e copiarlo manualmente dal video sarà noioso.

Per curiosità, ho cercato un po’ su Internet e il codice è pubblicato sul loro sito web.


Per aggiungere alla risposta di Jay, aggiungerò Making custom CSS changes on your site che potrebbe essere più semplice se il tuo unico intento è personalizzare lo stile HTML sul tuo sito web.

Ultimo ma non meno importante, i forum di Discourse hanno un eccellente plugin preinstallato chiamato Styleguide che puoi abilitare e che mostrerà praticamente ogni elemento del tuo forum con il suo stile attuale:

Innanzitutto, abilita la pagina Styleguide:
Pannello Admin → Plugin → Styleguide → :gear:Impostazioni → Seleziona styleguide enabled :white_check_mark:.

Quindi, puoi andare alla pagina Styleguide. Basta aggiungere /styleguide all’URL del tuo forum per vederla:

Se non sai molto di CSS e dello styling in generale, ti consiglio vivamente di imparare le basi prima di lanciarti in questo progetto di pulsanti.

1 Mi Piace

Ciao, grazie per averlo pubblicato

Wow, grazie mille per avermi mostrato questa guida di stile, non conoscevo questa funzionalità! Ti sono molto grato! Vado a stilizzare i pulsanti sul mio sito web, proprio come il link che ti ho inviato! In questo caso, ero in dubbio, perché nel video si vede che devi usare HTML e CSS, ma penso che discorse accetti solo CSS! Grazie mille per avermi mostrato queste cose!

2 Mi Piace