忍者おまとめボタンのボタン間隔を調整
2014年12月25日
Categories | ホームページ
もうソーシャルボタンは当たり前のようにホームページやブログ等に設置しますが、
私は「忍者ツールズ」の、「忍者おまとめボタン」を利用しています。
http://www.ninja.co.jp/omatome/
デフォルトだとボタン間隔が狭い感じしたので、調整してみました。
ほぼ半日を掛け色々と検証た結果、スタイルシート（css）に1行だけ記述。
.ninja_onebutton iframe { margin:0 7px;}
・マージンの上下を指定するとガタガタになってしまうので、「 0 」指定。
・左右マージンは「 7px 」がマックスでした。これ越してしまうと、
Facebookのいいねボタンの右端が消えてしまう。
デフォルト↑
調整後 ↓
困ったことに、FBいいねボタンの右マージンが広がってくれない。
しょうがないのでFBボタンを右端に移動。
まぁこんなもんで良しとします。
注意点
小さいボタン群は未検証なので、この措置は効くかどうか分かりません。
FBいいねボタンを「+1ボタン」「Lineボタン」の左横に持ってくると、
マージンがなくなり、くっついてしまうので、ボタンの配列を色々変えてみる。
ちょっとだけ間隔を広くしたいのであれば、是非お試しあれ。
コメントを残す