三男パパのHP更新奮闘記

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--:-- | EDIT | TOP

ブログの絵文字がずれる!解決法



FC2ブログの絵文字がずれる!という方のために、備忘録的エントリを。

少しでもコーディングをかじったことのある人にとってはあまりにも基本的なことですが、
そうでない人にとってはちんぷんかんぷんだと思いますので…w

FC2ブログで絵文字を使う方も多いかと思いますが、
使用しているテンプレートによっては絵文字が大きく上下にずれる場合があります。
(もちろん、きちんと対策を講じてあるテンプレートもあります)

そのような場合は、ブログ管理画面左の「環境設定メニュー」から「テンプレートの設定」に進み、
ページ最下部の「(テンプレート名)のスタイルシート編集」欄に以下のCSSを書き込んでください。
(2行目以降の適当な位置であれば、ほとんどの場合は問題ないと思われます)
img.emoji {
margin: 0;
vertical-align: middle;
}
上記はCSSの一般的な記述形式に則って表記したものですが、面倒であれば
img.emoji { margin: 0; vertical-align: middle;}
のように1行で表記してもOKです。

FC2ブログの絵文字には“emoji”というclassが設定されていますので、
上記のCSSを記述しても、他のimg要素(画像タグ)には影響を与えません。
ちなみに、marginとは上下左右の余白設定、vertical-alignとは内容物の縦位置設定になります。

くれぐれも、最後に「更新」ボタンを押すのをお忘れなく!w
関連記事
16:16 | Trackback : 0 | Comment : 0 | EDIT | TOP
Comment







(編集・削除用)


管理者にだけ表示を許可
Trackback
http://mains1011.blog24.fc2.com/tb.php/389-7d51a61b
検索フォーム
スポンサーリンク
なかのひと

三男パパ

Author三男パパ

Twitter@knob_papa
FacebookNobuyasu Kamata
Instagramknobpapa
生まれ東京都
住み処埼玉県

独学で自社関連のWebサイトを作っています。こんなサイトとか、あんなサイトとか。お暇ならどうぞ。

on-line:/total:

カテゴリ

openclose

最新記事
メールフォーム
ご意見・ご感想をお寄せください

お名前:

メアド:

件名:

本文:

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。