ボタン間隔

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

Categories | ホームページ

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

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

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

http://www.ninja.co.jp/omatome/

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

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

 

.ninja_onebutton iframe { margin:0 7px;}

 

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

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

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

12 15 02 忍者おまとめボタンのボタン間隔を調整デフォルト↑

調整後 ↓

12 25 03 忍者おまとめボタンのボタン間隔を調整困ったことに、FBいいねボタンの右マージンが広がってくれない。

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

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

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

 

注意点

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

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

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

 

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

Comment(0) | Trackback(0)

TAGS: / / / | 2014年12月25日 |