TEMTEM★倶楽部

FC2・テンプレート制作用ブログ♪ 管理不届きで申し訳ありません~~∑(>д<)

10月« 2017年11月 /  123456789101112131415161718192021222324252627282930»12月
BLOGTOP » スポンサー広告 » TITLE … Q&A:罫線ありテンプレの絵文字使用BLOGTOP » その他Q&A » TITLE … Q&A:罫線ありテンプレの絵文字使用

スポンサーサイト

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

Q&A:罫線ありテンプレの絵文字使用

Q1.罫線のあるテンプレートでの、絵文字使用の罫線ズレの解決方法…

A.下記のようにカスタマイズしてください。
「スタイルシート編集」内、
.emoji{
border : 0px;
margin : ①px 0px ②px 0px;
vertical-align : middle;
}

まずは、絵文字タグを上記のように変更してください。

罫線幅は「20px」で、(Docomoで考えると)絵文字の縦幅は12pxなので、『絵文字の幅+①+②=罫線幅』の式に当てはめると、「12+4+4=20」で、①=4・②=4となります。
もちろん、①=3・②=5でも、①=1・②=7でも、①=5・②=3でも、OKです。

各社の絵文字の大きさは以下の通りです。
貴方が主に使用する絵文字の会社のmargin数値を入れてください。
☆Docomo―→[12×12px]→margin : 4px 0px 4px 0px;
☆ソフトバンク-→[15×15px]→margin : 2px 0px 3px 0px;
☆au―――→[14×15px]→margin : 2px 0px 3px 0px;
(数値は任意です。長文でのテストはしていませんので、ズレが出てくる可能性もあります。貴方のブログにあった位置になるように変えてください)

但し、絵文字は、各社仕様の違いで大きさが統一しません。
兼用すると、ズレます(ソフトバンクとauは同じですが、Docomoは特に)。

それ以外の解決法は杏の知識では判りませんので、、
<1>罫線タグを削除する(下記参照)。
<2>ずれるのは我慢する。
<3>他のテンプレートに変更する。

※罫線の消し方
赤太文字タグを削除。
/* 記事本体部分 */
div.entry-body {
padding : 30px 10px 13px 10px;
margin : 0px 0px 0px 0px;
line-height : 20px;
font-size : 12px;
text-align : left;
background-color : #ffffff;
background-image : url(http://blog-imgs-21.fc2.com/t/e/m/temtemclub/02-1.gif) ;
}
スポンサーサイト

*** COMMENT ***

COMMENT投稿

管理人にだけ読んでもらう

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