ボタン間隔 | HCZ BLOG

ボタン間隔

忍者おまとめボタンのボタン間隔を調整

2014年12月25日

もうソーシャルボタンは当たり前のようにホームページやブログ等に設置しますが、

私は「忍者ツールズ」の、「忍者おまとめボタン」を利用しています。

デフォルトだとボタン間隔が狭い感じしたので、調整してみました。

ほぼ半日を掛け色々と検証た結果、スタイルシート（css）に1行だけ記述。

.ninja_onebutton iframe { margin:0 7px;}

・マージンの上下を指定するとガタガタになってしまうので、「 0 」指定。

・左右マージンは「 7px 」がマックスでした。これ越してしまうと、

Facebookのいいねボタンの右端が消えてしまう。

デフォルト↑

調整後　↓

困ったことに、FBいいねボタンの右マージンが広がってくれない。

しょうがないのでFBボタンを右端に移動。

まぁこんなもんで良しとします。

注意点

小さいボタン群は未検証なので、この措置は効くかどうか分かりません。

FBいいねボタンを「+1ボタン」「Lineボタン」の左横に持ってくると、

マージンがなくなり、くっついてしまうので、ボタンの配列を色々変えてみる。

ちょっとだけ間隔を広くしたいのであれば、是非お試しあれ。