[
返信する]
小説での記号の素材画像について
by がんりき。
2020-05-05 13:18
こんにちは。
私は携帯で小説を書いているのですが、ハートマークを表示することが出来ません。（~9825でやってみてもダメでした。）
そこでハートの画像を持ってきて素材化したのですが、画像が大きすぎて文字と合いません。なるべく小さいものを探したのですが、ぴったりと合うものは見つけられませんでした。
表示される素材の大きさをレイアウトで変えることはできるのでしょうか。
ちなみに私は小説を機能ではなく子ページで書いています。
ぐちゃぐちゃな文章ですいません。どなたか助けていただけると嬉しいです。
pc
[編集]
by 774
2020-05-05 14:13
▼画像を文字サイズに
▽レイアウトや記事本文内
<img src="#mtr数_url#" class="hrt" />
▽HEAD内CSS(<style></style>間)
.hrt {
width: 1em; /* 幅 */
height: auto;/* 高 */
vertical-align: middle;/* 行内縦位置 */
}
▽調整について
・クラス名(hrt部分)はお好みで変更を。
・CSSはプロパティ部分(:前の単語)で調べて値を調整してください。
・幅、高さはどちらかの値を「auto」にしておくと画像のアスペクト比が保持されます。
やりたいことの大半は「やりたいこと [HTML,CSS,JavaScript,jQueryのいずれか]」で検索すると、実装方法の解説が見つかります。(本件だと「画像 サイズ CSS」等)
いちいち状況説明込で質問をするより楽で速く済むと思うので今後のご参考までに。
▼他の方法@ CSSの疑似要素を用いる
▽レイアウトや記事本文内
<span class="hrt2"></span>
▽HEAD内CSS
.hrt2::before { content: '\02661'}
▽詳細
「疑似要素 特殊記号」あたりで検索を。 一応文字としての表示ができるので、画像を使うよりはおすすめです。
▼他の方法A jQueryを用いる
ユーザーテンプレートにjQueryを用いてナノでの特殊記号使用を可能にしたものがありました。キーワード「特殊記号」での検索で多分見つかるかと。
pc
[編集]
by がんりき。
2020-05-05 21:51
丁寧な回答ありがとうございます！無事出来ました！
pc
[編集]
[返信する]
[
戻る
]
返信する]
2020-05-05 13:18
pc
戻る
]