• RSS

[CSS]Facebookの「Like Box」の背景色を変更する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

Facebook のLike Box プラグインに使える背景色が「light」と「dark」の2種類しかないため、

今回はブログのデザイン(背景色)に合わせてLike Box の背景色を変更する方法を紹介させていただきます。

Like Box の設置方法については、別途 Facebook のLike Box をブログに設置する方法 の記事も参考にしてみてください。

Like Box の背景色を変更する

Facebook のLike Box ページで発行されたコードをHTML ファイルにペースト後に、
<div class="fb-likebox">
<iframe src="//www.facebook.com/plugins/likebox.php?href=****">
</div>
CSS で以下のように指定します。
.fb-likebox	{
	width:250px;
	background-color:#ffffff;
}
background-color の値をお好みの色に変更してください。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください