Je veux créer un bouton coloré actif (pas une image) à l'intérieur d'un post spécifique

Bonjour. Je ne sais pas coder. Je veux créer un bouton coloré actif (pas une image) à l’intérieur d’un post spécifique. Quel code dois-je écrire dans la fenêtre de l’éditeur de post.
Voici ce que je veux :point_down:


Ma tentative de codage dans la fenêtre de l’éditeur de post :point_down: :see_no_evil:

Aidez-moi. Montrez le code correct s’il vous plaît :pray: :pray: :pray:

Regardez ceci :

3 « J'aime »

D’après ce que j’ai compris, je ne pourrai pas ajouter le code du bouton dans la fenêtre de l’éditeur, car il ne fonctionnera de toute façon pas.
D’après ce que j’ai compris, je ne pourrai pas ajouter le code du bouton dans la fenêtre de l’éditeur et je ne pourrai pas définir l’arrière-plan d’un article particulier, car cela ne fonctionnera de toute façon pas. Et dois-je d’abord ajouter du code à la liste blanche HTML ?

Désolé si j’ai mal compris quelque chose :pray:, je ne suis pas un spécialiste du codage et je ne parle pas bien anglais. J’utilise actuellement Google Traduction.

Peut-être qu’une image vaut mille mots :slight_smile:

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

Si vous voulez centrer le bouton :

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

1 « J'aime »

Génial, c’est incroyable :exploding_head:. Merci beaucoup :+1: :+1: :+1:

Il semble que j’aie compris la logique pour créer différentes options de boutons.
Demain, je partagerai avec vous mes expériences avec le code.

En attendant, j’ai une autre question : quelle commande permettra d’aligner le bouton sur le bord droit de la publication.

Merci encore :raised_hands:

Est-il possible d’encoder la taille et l’épaisseur du texte en CSS ?

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

Oui : utilisez les attributs suivants :

font-size et font-weight

Avec les valeurs souhaitées.

Documentation :


:information_source: J’ai mis à jour mon code CSS dans mes messages pour le rendre plus propre (en utilisant les attributs flexbox au lieu de margin pour aligner le bouton).

2 « J'aime »

Un grand merci. Votre réponse est très importante pour moi. J’essaie d’étudier.

1 « J'aime »

Juste pour information, bien qu’il soit acceptable de poser une question occasionnelle sur la modification de votre site ici et là, à proprement parler, les questions de base sur CSS et HTML sont généralement mieux posées sur un forum dédié à cela.

3 « J'aime »

Lorsque j’ai essayé de mettre à jour le code selon votre exemple, j’ai eu une erreur.

Mais lorsque j’ai supprimé le deuxième caractère « } », l’erreur a disparu

Ai-je bien fait ?

Bonjour. J’ai bien compris « forum dédié », qui n’a rien à voir avec Discourse. Ou alors Discourse a un forum séparé pour discuter des problèmes CSS et HTML. (Je ne suis pas sûr si mon navigateur traduit correctement)

Je m’excuse pour mon insolence :pray: Pourriez-vous me montrer cela avec mon exemple CSS ? :pray:

P.S. Parallèlement au discours, j’ai commencé à explorer le monde du codage :sweat_smile:

Oui, désolé, j’ai fait une erreur en copiant-collant mon code. :+1:

Il dit que poser des questions générales sur CSS qui ne sont pas directement liées à Discourse (comme utiliser CSS pour changer la taille ou l’épaisseur du texte) ne devrait pas être discuté sur meta.discourse.org, mais ailleurs où vous pouvez apprendre et poser des questions sur CSS.

Si vous avez une question précise sur la façon d’utiliser CSS pour faire une chose spécifique dans Discourse, alors meta.discourse.org est approprié.

Je vous suggère d’apprendre les bases de CSS. tapez « tutoriel CSS » dans votre propre langue sur votre moteur de recherche préféré, et essayez d’acquérir des connaissances à partir d’ici pour commencer. Cela vous aidera grandement plus tard à personnaliser le style de votre forum Discourse.

2 « J'aime »

Bonjour, merci, c’est clair maintenant !
Je ne manquerai pas d’utiliser les liens que vous avez fournis :+1: