気になったレイアウトのこと(2) | 古びた日記帳 ~錆びた骨の砕屑~

古びた日記帳 ~錆びた骨の砕屑~

SUZURIで愛犬グッズを制作するほどのアルティメット犬バカ。
アラフォーでアニメ好きですがなにか?な陰キャ(苦笑)
そんな感じで取り留めのない人間のブログです。

2021年 Web制作開始
2022年 コーダーになる
2023年 就活失敗の1年(ぁ
2024年 今度こそ就職したい(何

 

陰キャ街道まっしぐら!

犬吸いながらハイになってる如月です(ォィ

 

書籍を読み返したり、kindle解約するか悩んだり…

迷走してしまうので犬子らを吸いまくってます(ぁ

 

さて、前回は自分が気になっていたことをブログのネタにしました。

 

実は…

他にも気になっていることがあって、またまたネタにしたいと思います。

 

それは絵文字の位置。

アプリだとこの位置→ニコニコ

<img alt="ニコニコ" height="40" src="https://stat100.ameba.jp/blog/ucs/img/char/char4/590.png" style="vertical-align: text-bottom;" width="40">

色付けしている部分が勝手に設定されています。

お陰でキレイに下揃えになって整列できています。

 

パソコンだとこの位置→ニコニコ

<img alt="ニコニコ" draggable="false" height="40" src="https://stat100.ameba.jp/blog/ucs/img/char/char4/590.png" width="40">

位置の指定はされていません。

 

絵文字は通常サイズ(widthとheight)24のところを40に指定し、位置が分かりやすくなるようにしています。

HTML編集画面で簡単に編集可能ですが、ピンボケしたようになるかもしれないのである程度の大きさに留めておきましょう!

 

そして、如月は…

その位置を真ん中にしたい人です笑

如月の定位置→ニコニコ

<img alt="ニコニコ" draggable="false" height="40" src="https://stat100.ameba.jp/blog/ucs/img/char/char4/590.png" style="vertical-align: middle;" width="40">

整列させないの?って話にはなりますが(ぁ

 

 

いろいろ組合わせて使えるようになるので、位置が扱えるようになるとAmebaさんが作っている絵文字を使うのが楽しくなります(ぇ

 

疲れた → ガーンネガティブ魂 ゲンナリ…

メモ<img alt="ガーン" draggable="false" height="24" src="https://stat100.ameba.jp/blog/ucs/img/char/char3/101.png" style="vertical-align:top;" width="24"><img alt="ネガティブ" draggable="false" height="30" src="https://stat100.ameba.jp/blog/ucs/img/char/char4/625.png" style="vertical-align:middle;" width="30"><img alt="魂" draggable="false" height="20" src="https://stat100.ameba.jp/blog/ucs/img/char/char4/677.png" style="vertical-align:top;" width="20">&nbsp;<span style="vertical-align:bottom;">ゲンナリ…</span>

 

こんなどんよりしたのは誰も使わないですかね(苦笑)

 

アゲぇ~ → 指差しルンルン

メモ<img alt="指差し" draggable="false" height="40" src="https://stat100.ameba.jp/blog/ucs/img/char/char4/602.png" style="vertical-align:middle;" width="40"><img alt="ルンルン" draggable="false" height="20" src="https://stat100.ameba.jp/blog/ucs/img/char/char3/087.png" style="vertical-align:top;" width="20">

 

撃沈 → 無気力もやもや チーン

メモ<img alt="無気力" draggable="false" height="40" src="https://stat100.ameba.jp/blog/ucs/img/char/char4/624.png" style="vertical-align:middle;" width="40"><img alt="もやもや" draggable="false" height="24" src="https://stat100.ameba.jp/blog/ucs/img/char/char3/102.png" style="vertical-align:top;" width="24">&nbsp;<span style="vertical-align:bottom;">チーン</span>

 

*サイズ変更はHTML編集で行なってください。

 width="_" ←幅

 height="_" ←高さ  _ の部分に数値を入力する。

 Amebaさんの通常設定は「24」です。同じ比率で変更しないと歪になります。

 

 

…と、言う訳で。

如月が独学とスクールで学習した…今、学習沼になっている内容でした(ぁ

第1弾と第2弾に分けてお送りしました~笑