その５．ギルド掲示板・公開情報の文字の装飾のやり方

現在、最新アプデで特殊コードが使用できなくなっています。

次回以降のアプデで改善される予定です。

今回は、ギルド掲示板とギルド公開情報の文字を装飾して、ギルドを内外にアピールしてみましょう♪ の回になります。

文字の装飾にはコードを記述して定義づけします。

装飾したい文字の前に以下のコードを記述します。

[b]はボールド(太字体)

[i]はイタリック(斜体)

[sup]は上つき文字

[sub]は下つき文字

[u]は下線

[s]は取り消し線

※ 全て半角、括弧内はスペースなし

例えば、｢文字を装飾してみましょう。｣の「文字」を太字、「装飾」を太字と斜体にしたいとします。

その場合は

[b]文字[/b]を[b][i]装飾[/b][/i]してみましょう。

と記述します。

例では、装飾をしたくない文字の前に装飾を停止させるコードを記述しています。

[/b][/i]がそれに該当します。

それぞれ、太字を停止する。斜体を停止する。

みたいなイメージです

次に文字色の変更方法です。

色を変更する場合は本文の1番最初に[c]と記述します。

それ以降は色を変更したい文字の前に[カラーコード]を記述するだけで大丈夫です。

文字色を変更してみましょう。

を白色にしてみたいと思います

[c][ffffff] 文字色を変更してみましょう。

と記述すると白色になります。

下記のサイトでカラーコードを調べることができます。

https://www.colordic.org/colorsample/00ffff

同サイトをPC表示で見ると色を指定する事ができ、その色のカラーコードを確認することができます。

表示されたコードは♯と16進数を合わせたものになりますが、♯以外をコピーして利用すれば自由に色を変更できます。

次に文字色のグラデーションについて、実際にコードを記述してみます。

例: How to do gradient color for letterという一文を虹色でグラデーションし、さらに上付き文字に変更します。

[c][b][sup][ff0000]H[ff3400]o[ff6800]w[ff9d00]T[ffd100]o[f9ff00]D[c5ff00]o[91ff00]G[5cff00]r[28ff00]a[00ff0c]d[00ff40]i[00ff75]e[00ffa9]n[00ffdd]t[00eaff]C[00b4ff]o[007dff]l[0046ff]o[0010ff]r[2700ff]F[5e00ff]o[9400ff]r[cb00ff]L[ff00fd]e[ff00c6]t[ff008f]t[ff0059]e[ff0022]r[/sup]

1番最初の[c][b][sup]は

色変更。太字にする。上つき文字にする。の意

これらの順番は入れ替わっても大丈夫です。

グラデーションのコードの最後に[/sup]を入れる(上つき文字を停止。を記述する)ことで、グラデーションが終わった後の文字が上付きにならないようにしています。

下記のサイトでグラデーション用のカラーコードを調べました。

https://tagnoheya.com/tag/font_color4.html

ギルド公開情報のサンプルで実際に使用したコードは以下になります。

[b]文字[/b]を[b][i]装飾[/b][/i]してみましょう。

[b]太字体[/b][i]斜体[/i][sup]上付き文字[/sup][sub]下付き文字[/sub][u]下線[/u][s]取り消し線[/s]

[c][ffffff]文字色を変更してみましょう。

[b][sup][ff0000]H[ff3400]o[ff6800]w[ff9d00]T[ffd100]o[f9ff00]D[c5ff00]o[91ff00]G[5cff00]r[28ff00]a[00ff0c]d[00ff40]i[00ff75]e[00ffa9]n[00ffdd]t[00eaff]C[00b4ff]o[007dff]l[0046ff]o[0010ff]r[2700ff]F[5e00ff]o[9400ff]r[cb00ff]L[ff00fd]e[ff00c6]t[ff008f]t[ff0059]e[ff0022]r[/sup]

ギルド掲示板を華やかにしてみてください。(^^♪