WEBマスターのお仕事TOP > スポンサー広告 > ツイートするボタン、Googleプラスボタンの幅(width)調整WEBマスターのお仕事TOP > ソーシャルプラグイン設置 > ツイートするボタン、Googleプラスボタンの幅(width)調整

スポンサーサイト

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

ツイートするボタン、Googleプラスボタンの幅(width)調整

(2012/04/07)
地味ですが、ちょっと気になる、ソーシャルボタンの幅。
Facebookいいね!ボタン、ツイートするボタン、mixiいいねボタン、はてなブックマークなどなど、各ソーシャルボタンを並べて表示しているケースは多いと思います。が、ボタンの幅が調整できずに、ボタンとボタンの隙間がバラバラ・・・
今回はツイートするボタンとGoogleプラスボタンの幅の調整方法をご紹介します。
ツイートするボタンとGoogleプラスボタン、いずれもCSSに下記を追加するだけで、任意の幅に調整できます。

ツイートするボタン

下記は吹き出し含むボタンの幅を90pxに設定した場合です

iframe.twitter-share-button {
width: 90px!important;
}


Gogoleプラスボタン

下記は吹き出し含むボタンの幅を65pxに設定した場合です

#___plusone_0{ width:65px !important; }



これで少しデザインがコントロールできるようになりますね。

関連記事

コメント

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://goodjob4604.blog103.fc2.com/tb.php/130-bf691745
月別アーカイブ
Google+
Twitter
ページトップへ
ブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。