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

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

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

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


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

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


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

sionさん有難うございました^^
関連記事
[ 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 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

絵文字について
絵文字絵文字(えもじ)とは語(音形)ではなく、ものや事柄を、絵を用いて象徴的に示唆したもので、象形文字の前段階と考えられている。マヤなどに伝わる文字は絵文字とされる。また、コンピュータで入力される文字や記号を使用して作る絵、或はアイコンのことを絵文字とい
絵文字画像を揃える
細かい話なんですが…
[2008/05/14 21:21] まあ、とりあえず
ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
ユーザータグ


△ ページトップへ戻る