FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

文字と絵文字画像を揃える

『鎮静の月の下で』のsionさんが文字と絵文字画像を揃える方法を紹介してくれました。

スタイルシートに下記記述を加えます。
挿入箇所はどこでも構いません。

img.emoji {
margin-bottom:-2pt;
padding:0;
border:0;
}

現状では絵文字はほんの僅か文字よりも上に表示されるのですが、これで綺麗に並んで表示されますね。

sionさん有難うございました＾＾

関連記事

[ 2007/02/08 23:31 ] カスタマイズ共通カスタマイズ | TB(2) | CM(9)

≪ リストの「・」を消す | HOME | 記事の行間を変える ≫

[ 1149 ]

わぁ！
リンクまでして下さってありがとうございます＾＾
これであってたんですね＾＾
よかった～＾＾
こちらこそいつもお世話になって、ありがとうございますm(__)m
これからもよろしくお願いします♪

[ 2007/02/09 09:34 ] [ 編集 ]

[ 1154 ] > sionさん

こんばんは、sionさん。
有効なカスタマイズを紹介してくれて有難うございます。
また何かいいカスタマイズがあったら教えてくださいね＾＾

[ 2007/02/10 07:10 ] [ 編集 ]

[ 1157 ] > かどりんさん。

おはようございます。かどりんさん。
こちらのカスタマイズがお役に立ちましたか＾＾
改めてsionさんに感謝です。

[ 2007/02/10 08:21 ] [ 編集 ]

[ 1221 ] いたおさんへ

こんにちは～！ご無沙汰してます。
さて、こちらのカスタマイズを拝見し、スタイルシートの下の方に入れてみたんですが、やっぱり少し絵文字が上に表示されます。入れる場所が悪かったでしょうか？
あと、これは以前から思ってることなんですが、コメント欄は絵文字のバックも背景と同じ色になるんですが、記事欄は絵文字のバックが白になって、記事内で白抜きになってしまうのです。
記事欄の絵文字の背景も、同じ色に変更する事は可能でしょうか。

[ 2007/02/18 15:20 ] [ 編集 ]

[ 1225 ] > みゆみさん

お久しぶりです。みゆみさん。
画像に枠をつけるカスタマイズ(http://10plate.blog44.fc2.com/blog-entry-89.html)を施している方も含めて絵文字を正常に表示させるためにはもう一工夫必要でした。この記事を書き直しましたので、お手数ですがもう一度スタイルシートを編集してみてください。

[ 2007/02/18 17:58 ] [ 編集 ]

[ 1231 ] もう一つお願いします！

いたおさん、早速のお返事ありがとうございました<(_ _)>
ちゃんと絵文字が揃いましたヽ(^o^)丿
あと、もう一つの疑問もお答え頂ければ助かります。方法はありますか？↓↓
コメント欄は絵文字のバックも背景と同じ色になるんですが、記事欄は絵文字のバックが白になって、記事内で絵文字が白抜きになってしまうのです。
記事欄の絵文字の背景も、同じ色に変更する事は可能でしょうか。

[ 2007/02/19 00:46 ] [ 編集 ]

[ 1235 ] > みゆみさん

こんばんは、みゆみさん。
スタイルシートに次の赤い行を加えてください。

img.emoji {
margin-bottom:-2pt;
padding:0;
border:0;
background-color:#fafad2f;
}

さらに次の青い行を削除してください。

#header_body {
～
height: 300px;
～
}

画像を背景として使用していないみゆみさんの場合は不要な指定です。
IE以外のブラウザでは崩れて見えているようですが、この行を消せば他のブラウザでも正常に表示されますよ。

[ 2007/02/19 22:41 ] [ 編集 ]

[ 1253 ] ありがとうございますっ<(_ _)>

いたおさん、本当に丁寧に教えてくださってありがとうございますm(__)m
絵文字の背景も同じ色にできました♪
MAC使ってる友達にも表示がきれいになったか聞いてみます！
また近々春らしいテンプレに変更しようと思ってますので、またお世話になるかもしれません。
本当にありがとうございました！！

[ 2007/02/20 20:29 ] [ 編集 ]

[ 1258 ] > みゆみさん

こんばんは、みゆみさん。
私がMacで確認したところ正常に表示されていましたよ。もうどんな環境でみても多分大丈夫じゃないかと思います＾＾

[ 2007/02/20 22:47 ] [ 編集 ]

コメントの投稿