Voglio creare un pulsante colorato attivo (non un'immagine) all'interno di un post specifico

Ciao. Non so programmare. Voglio creare un pulsante colorato attivo (non un’immagine) all’interno di un post specifico. Che codice dovrebbe essere scritto nella finestra dell’editor del post.
Questo è quello che voglio :point_down:


Il mio tentativo di codifica nella finestra dell’editor del post :point_down: :see_no_evil:

Aiuto qualcuno. Mostra il codice corretto per favore :pray: :pray: :pray:

Dai un’occhiata a questo:

3 Mi Piace

Per quanto ne so, non potrò aggiungere il codice del pulsante alla finestra dell’editor, poiché tanto non funzionerà. Per quanto ne so, non potrò aggiungere il codice del pulsante alla finestra dell’editor e non potrò impostare lo sfondo di un particolare post, poiché tanto non funzionerà. E devo prima aggiungere del codice alla whitelist HTML?

Mi scuso se ho frainteso qualcosa :pray:, non sono uno specialista di codifica e non parlo bene l’inglese. Ora sto usando Google Traduttore.

Forse un’immagine vale più di mille parole :slight_smile:

[data-theme-button] a {
        display: inline-block;
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
}

Se vuoi centrare il pulsante:

[data-theme-button] {
    display: flex;
    justify-content: center;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

1 Mi Piace

Fantastico, è incredibile :exploding_head:. Grazie mille :+1: :+1: :+1:

Sembra che abbia capito la logica di come creare diverse opzioni di pulsante.
Domani condividerò con te i miei esperimenti con il codice.

Nel frattempo, voglio fare un’altra domanda: quale comando servirà per allineare il pulsante al bordo destro del post.

Grazie ancora :raised_hands:

È possibile codificare la dimensione e lo spessore del testo in CSS?

[data-theme-button] {
    display: flex;
    justify-content: end;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

Sì: usa i seguenti attributi:

font-size e font-weight

Con i valori desiderati.

Documentazione:


:information_source: Ho aggiornato il mio codice CSS nei miei messaggi per renderlo più pulito (utilizzando attributi flexbox invece di margin per allineare il pulsante).

2 Mi Piace

Grazie mille. La tua risposta è molto importante per me. Sto cercando di studiare.

1 Mi Piace

Solo per informazione, mentre va bene porre qualche domanda occasionale sulla modifica del tuo sito qua e là, a rigor di termini le domande di base su CSS e HTML è meglio porle su un forum dedicato a questo.

3 Mi Piace

Quando ho provato ad aggiornare il codice secondo il tuo esempio, ho ricevuto un errore.

Ma quando ho rimosso il secondo carattere “}”, l’errore è scomparso

Ho fatto bene?

Ciao. Ho capito correttamente “forum dedicato”, che non ha nulla a che fare con discourse. Oppure discourse ha un forum separato per discutere i problemi di CSS e HTML. (Non sono sicuro se il mio browser traduce correttamente)

Mi scuso per la mia impudenza :pray: Potresti mostrarmelo con il mio esempio CSS? :pray:

P.S. Insieme alla discussione, ho iniziato a esplorare il mondo della programmazione :sweat_smile:

Sì, scusa, ho commesso un errore durante il copia e incolla del mio codice. :+1:

Dice che chiedere cose generali sul CSS non direttamente correlate a Discourse (come usare il CSS per cambiare la dimensione o il peso del testo) non dovrebbe essere discusso su meta.discourse.org, ma altrove dove puoi imparare e fare domande sul CSS.

Se hai una domanda precisa su come usare il CSS per fare una cosa specifica in Discourse, allora meta.discourse.org è appropriato.

Ti suggerisco di imparare le basi del CSS. digita “tutorial CSS” nella tua lingua sul tuo motore di ricerca preferito e prova ad acquisire alcune conoscenze da cui puoi iniziare. Ti aiuterà molto in seguito a personalizzare lo stile del tuo forum Discourse.

2 Mi Piace

Ciao, grazie, ora è chiaro!
Mi assicurerò di utilizzare i link che hai fornito :+1: