はじまり
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
135ml
AniLIstっていう自分のお気に入りのアニメとかマンガを紹介したり採点できるサイトがあるんだけどさ。
そこのUIが良くて、自分の拙いマイページでもかなり良い見栄えになったから紹介しますね。
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_001-1.png)
リサちゃん
おー、そんなに?
どんなものが出来るかと言うと
こんな感じのマイページが出来ます。
![](https://www.endorphinbath.com/wp-content/uploads/2022/05/20220129_05-1024x546.jpg)
UI的にかなりイケているサイトなので、少しデコっただけでそれなりに見応えがあるマイページになったと思っています。
![](https://www.endorphinbath.com/wp-content/uploads/2022/05/20220129_06-1024x546.jpg)
編集開始
以下に、AniListのAboutを編集する上での留意事項を並べます。
要素を並べて表示したい場合は改行しない。
AniLIstのMarkdownですと、このようにタグを改行してしまうと、レンダリング結果も改行されたものになってしまいます。
![](https://www.endorphinbath.com/wp-content/uploads/2022/03/20220129_01-1024x863.jpg)
そして、タグの改行を消して並べると、<p align=”left”>が効いて横並びに表示されます。
コードが読みにくくなってしまいますが、やむを得ないですね・・・。
![](https://www.endorphinbath.com/wp-content/uploads/2022/03/20220129_02-1024x771.jpg)
画像にリンクを挿入すると、更に読みにくく・・・。まあ、しょうがないです。
![](https://www.endorphinbath.com/wp-content/uploads/2022/03/20220129_03-1024x808.jpg)
table(表)は書けないっぽい
以下のように書いてみましたが、thead-tbody形式で書こうと書かなかろうと表としてレンダリングされませんでした。
<table>
<thead>
<tr>
<th>The table header</th>
<th>The table header</th>
</tr>
</thead>
<tbody>
<tr>
<td>The table body</td>
<td>with two columns</td>
</tr>
</tbody>
</table>
<table>
<tr>
<th>The table header</th>
<th>The table header</th>
</tr>
<tr>
<td>The table body</td>
<td>with two columns</td>
</tr>
</table>
![](https://www.endorphinbath.com/wp-content/uploads/2022/03/20220129_04-1024x555.jpg)
一旦、出来たもの
AniLIstで一旦、ここまでデコりました。
![](https://www.endorphinbath.com/wp-content/uploads/2022/05/20220129_07-1024x545.jpg)
自分のお気に入りをこういう風に俯瞰できるのが素晴らしいです[°□°]
他にもっと本腰入れてデコっている方とかいるので、その方々のマイページは本当にスゴイです・・・
![](https://www.endorphinbath.com/wp-content/uploads/2022/05/20220129_08-1024x549.jpg)
おしまい
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
135ml
AniLIstっていうサイトで、これだけデコれるっていうのが分かりました。
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_001-1.png)
リサちゃん
忍ちゃん、かわいいねえ。
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
135ml
そこのあなたも、僕と一緒にデコってみましょう! ほらここから!
kinkinbeer135ml
kinkinbeer135ml's AniList user profile
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_001-1.png)
リサちゃん
啓蒙してるねえ。
以上になります!
コメント