特殊タグを使用したデザインの紹介 作：SunGenuin(佐藤)
7 / 8
特殊タグ使用例配布②
某育成ソーシャルゲームの二次創作で使用できそうなモノその2。
出走表(縦)です。
こちらは横スクロールしないと表現できないので、横スクロールできるようになっています。
PCだとスクロールバーが表示されるので「横スクロールされるやつだ」と視覚的にすぐ理解できるのですが、スマホ版だとちょっとわかりにくいので、使用する際は読者の方にもわかりやすいように前書きなどに注意分を入れておくといいと思います。
構成内容
・メイン：boxタグ
・内側：tableタグ
出走表のboxタグの構成
w100%：ほぼ保険でかけてる、画面いっぱいまで使いますよという意味。
p0.8：枠線部分の幅。「1」だとデカすぎるが「0.5」だとやや細い印象だったので。
bg：出走枠によって決まっている色を設定
vertical：縦書き指定の要素。
upright：半角英数字を縦書き表記する指定。
lh：行の高さ指定。
pcまたはsp：PCまたはスマホのみに表示する指定。
出走表のtableタグの構成
＝：中央配置。
#ffffff：テーブル背景の指定。
出走表のtextタグの構成
s：文字サイズの指定。
tcy：縦書き内において横文字表記にするための指定。boxタグで「upright」を使用している場合、3文字以上の文字列に使用すると正常に反映されない可能性がある。
r：回転の指定。「r90」と表記することで縦書きの状態から90度回転させて横文字に見せることができる。ただし記号だからこそそれっぽく見えているだけで、文字列に使用するのは非推奨。
EX
トクシュタグステークス 第1戦
EX
トクシュタグステークス 第1戦
── 以下「pc」版
1 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
2 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
3 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
4 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
5 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
6 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
7 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
8 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
9 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
10 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
11 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
12 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
13 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
14 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
15 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
16 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
17 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
18 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
── 以下「sp」版
1 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
2 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
3 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
4 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
5 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
6 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
7 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
8 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
9 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
10 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
11 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
12 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
13 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
14 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
15 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
16 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
17 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |
18 | キュウモジノムスメ | △◎◎ | 1番人気 | 脚質 |