特定の投稿内にアクティブな色のボタン（画像ではない）を作成したい

開発
1

こんにちは。コーディングができません。特定の投稿内にアクティブな色のボタン（画像ではない）を作成したいのですが、投稿エディタウィンドウにどのようなコードを記述すればよいでしょうか。
これが私が望むものです:point_down:


投稿エディタウィンドウでの私のコーディングの試み:point_down: :see_no_evil:

image
image1170×1031 52.6 KB

誰か助けてください。正しいコードを見せてください :pray: :pray: :pray:

2

これを見てください：

「いいね！」 3
3

理解したところによると、エディタウィンドウにボタンコードを追加しても、どうせ機能しないので追加できないということですね。
理解したところによると、エディタウィンドウにボタンコードを追加できず、特定の投稿の背景を設定することもできないということですね。どうせ機能しないので。そして、まずHTMLホワイトリストにコードを追加する必要があるのでしょうか？

何か誤解していたら申し訳ありません:pray:。私はコーディングの専門家ではなく、英語もあまり得意ではありません。今はGoogle翻訳を使用しています。

4

画像は千の言葉に値するかもしれません :slight_smile:

image
image2498×1440 183 KB

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

ボタンを中央揃えにしたい場合：

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

image
image901×462 13.8 KB

「いいね！」 1
5

素晴らしい、これは驚くべきことです :exploding_head:。本当にありがとうございます :+1: :+1: :+1:

ボタンのオプションを作成する方法のロジックを理解したようです。
明日、コードを使った実験を共有します。

それまでの間、もう一つ質問があります。投稿の右端にボタンを配置するにはどのコマンドを使用しますか？

改めて感謝します :raised_hands:

6

CSSでテキストのサイズと太さをエンコードすることは可能ですか？

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

はい、次の属性を使用します。

font-size と font-weight

希望する値とともに。

ドキュメント：

:information_source: ボタンを配置するために（マージンではなくflexbox属性を使用して）CSSコードをメッセージに更新しました。

「いいね！」 2
8

ありがとうございます。あなたのご回答は私にとって非常に重要です。勉強中です。

「いいね！」 1
9

念のため申し上げておきますと、サイトの微調整に関する時折の質問はここでは問題ありませんが、厳密には、基本的なCSSやHTMLの質問は、それ専用のフォーラムで尋ねる方が良いでしょう。

「いいね！」 3
10

サンプルコードに合わせてコードを更新しようとしたところ、エラーが発生しました。

image
image925×642 58.6 KB

しかし、2番目の文字「}」を削除すると、エラーが消えました。

image
image519×357 33.1 KB

これで合っていますか？

11

こんにちは。「専用フォーラム」というのは、ディスコースとは関係ないということでしょうか。それとも、ディスコースにはCSSやHTMLの問題を議論するための別のフォーラムがあるのでしょうか。（ブラウザの翻訳が正しく機能しているか分かりません）

12

私の無礼をお許しください :pray: この例を私のCSSで見せていただけますか？ :pray:

追伸：コーディングの世界を探求し始めました :sweat_smile:

13

はい、すみません、コードをコピー＆ペーストする際に間違いを犯しました。:+1:

彼は、Discourseに直接関係のない一般的なCSSの質問（文字のサイズや太さを変更するためにCSSをどのように使用するかなど）は、meta.discourse.orgではなく、CSSについて学び質問できる別の場所で議論すべきだと言っています。

Discourseで特定のことを行うためにCSSをどのように使用するかについて具体的な質問がある場合は、meta.discourse.orgが適切です。

CSSの基本を学ぶことをお勧めします。お使いの検索エンジンで、ご自身の言語で「CSSチュートリアル」と入力し、ここから始められる知識を得てください。これは、後でDiscourseフォーラムのスタイルをカスタマイズするのに大いに役立ちます。

「いいね！」 2
14

こんにちは、ありがとうございます、これでわかりました！
提供していただいたリンクを必ず使用します :+1: