✶ プロフィール用のマークアップスタイル26選 ✶
英語から翻訳
by:@ellamaria
最新アップデート:22〜26を追加
ボットのプロフィールにクールなマークアップレイアウトを入れたいですか?ここにテキストボックスごとのクラスをいくつか紹介します。サイトのアップデートによっては、これらのいくつかが永久に使えなくなる可能性があります。
どうやって使うの?カスタムマークアップオプションを使って、そこに貼り付ける必要があります。下の構造をテンプレートとして使い、色の付いた部分を置き換えてください。
<p class="ここにクラスを貼り付け">ここにテキストを入れます</p>
セクション間に改行を入れるには<br>を使い、水平の区切り線を入れるには<hr>を使ってください。
下のデザインのいくつかは見覚えがあるでしょう。それは私がサイトのあちこちから取ってきたものだからです。要素でinspectを使うと、そのクラスを確認してクラスIDをコピーできます。ただし、私が試したすべてのクラスが動くわけではありません。動くものがもっと見つかったら、必ずこれを更新します!
あと、私はコーダーではないので、何か間違っていたら教えてください!
div _input_jv6cc_126
1. div _input_jv6cc_126
_characterInfoMarkdownContent_9gldz_223
2. _characterInfoMarkdownContent_9gldz_223
_scheduledReleaseWarning_1s17f_876
3. _scheduledReleaseWarning_1s17f_876
div _moderationReason_1s17f_405
4. div _moderationReason_1s17f_405
_moderationNotes_di476_369
5. _moderationNotes_di476_369
div _iconError_wpa9q_294
6. div _iconError_wpa9q_294
7. chakra-button css-1e89954
8. chakra-button css-1vh5zal
9. chakra-button glow-logo css-1d22cyw
10. chakra-button css-17m14y8
_iosSettingsSection_1s17f_35
11. _iosSettingsSection_1s17f_35
_statItem_ud2h5_121
12. _statItem_ud2h5_121
_betaBadge_ud2h5_65
13. _betaBadge_ud2h5_65
14. chakra-button css-b2yhb6
15. chakra-button css-1isieem
_count_138g0_7
16. _count_138g0_7
_archiveButton_di476_217
17. _archiveButton_di476_217
css-1bntj9o css-z5908y
18. css-1bntj9o css-z5908y
_characterInfoMarkdownContent_123vi_223
19. _characterInfoMarkdownContent_123vi_223
div Btn2-purple pp-pg-total
20. div Btn2-purple pp-pg-total
21. _expandedInner_2x3bf_220
_iosAlert_1s17f_263
22. _iosAlert_1s17f_263
_checkboxCard_exkyv_105>_checkboxCard_exkyv_105
23. _checkboxCard_exkyv_105>_checkboxCard_exkyv_105
_moderationBlock_1s17f_320
24. _moderationBlock_1s17f_320
_otherInput_pru5r_156
25. _otherInput_pru5r_156
26. _footer_93ppg_1
作成済み 5月23日
更新済み 5月26日
公開済み 5月23日
プロキシ許可