はてなブックマーク - ボックス型のSNSボタンの並びが揃っていないのが気持ち悪いので修正した件
Pocket

2014020601

私が運営している別サイト「男の節約道」のお話になるのですが、SNSのボタンをボックス型に変更しました。

[Å] プラグイン不要!WordPressにボックス型の各種SNSボタンを設置するコードまとめ | あかめ女子のwebメモ

参考にさせていただいたのは、あかめさん(@mk_mizuho)のこちらのエントリー。

無事に設置できたのですが、見たらFacebookのいいねのボタンがちょこっとだけズレているではありませんか!!

うーーーー気になる!!!!!

スポンサードリンク

Like Button

こちらでボタンが作れます。

「Layout」を「box_count」にして、今回はシェアボタンは外して「Get Code」をクリックします。

2014020602

私の場合、HTML5では作っていないので「IFRAME」で貼り付けます。

このコードがポイントです。

終わりの方に「height:65px」とありますよね。この数値が、他のSNSボタンとのズレを引き起こしていました。

こちらを「height:61px」に変更したら以下のとおり。

2014020603

下がキレイに揃いました。良かった!上の吹き出しがまだ完全には揃っていませんが、下がピシっと全部一直線で揃うことで、統一感が出ているので、よしとします。

めでたし、めでたし。

2014年2月6日

ブログの更新情報はこちらからどうぞ

RSSリーダーへ登録していただく他に、facebookページや、twitterからもブログの更新情報をお知らせしています。是非ご登録下さい。



自己紹介

サムリ。1974年4月生まれ。東京都出身、埼玉在住。アメコミ映画に、仮面ライダー、ロボットアニメが好きな二児の父でフリーランスやっています。詳しいプロフィールはこちら

  • サムリブログのはてなブックマーク数