陰キャ街道まっしぐら!
犬吸いながらハイになってる如月です(ォィ
書籍を読み返したり、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"> <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"> <span style="vertical-align:bottom;">チーン</span>
*サイズ変更はHTML編集で行なってください。
width="_" ←幅
height="_" ←高さ _ の部分に数値を入力する。
Amebaさんの通常設定は「24」です。同じ比率で変更しないと歪になります。
…と、言う訳で。
如月が独学とスクールで学習した…今、学習沼になっている内容でした(ぁ
第1弾と第2弾に分けてお送りしました~