web-dev-qa-db-ja.com

Facebookのようなボタンのカスタムスキン

Fbmlを介して実装されたボタンのようなFacebookの外観をカスタマイズする（簡単な）方法はありますか？

これはどこかで見たと確信していますが、どこにあるか思い出せず、ドキュメントも見つかりません。

facebookfbmlskinning
12
Max

そうすることは合法的ではないかもしれませんが（自分の条件とポリシーを確認してください）、次のようなことができます。

/* Like button main text color */
div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#ffc6ff;}

このリンクは、いくつかの穏やかなスタイルオプションを示しています。

http://forum.developers.facebook.net/viewtopic.php?pid=236534

1
Craig Hooghiem

これらの違法なハッキングを行う必要はありません。 「Open Graph」を使用するだけです： https://developers.facebook.com/docs/opengraph/actions/builtin/likes/ 。欠点は、アプリを作成する必要があることです。

5
bolmaster2

あなたたちは弁護士ですか、プログラマですか？問題は、「...すべきか、すべきでない...」ではないということでした。

@pixelistikボタンはスクリプトタグまたはiframeのいずれかを介して挿入できます。もちろん、JSを使用するだけでCSSをiframeで使用できます。

@skrat良い点！

@スラブは正確に何のサービス？私はそれをハーフサービスと呼んでいます。なぜなら、あなたはただ好きになることができるからです-批評の場所がないので...あなたの批判は適切ではありません。私たちの投稿のように！ ：P

一般に、カスタムボタンを作成し、t＆cなどにサインインしなかった場合は、Webページで好きなように操作できます。

4
daniel barucha

イージーピージー：

単に不透明度（ieのフィルター）を0に設定し、iframeを画像またはdivにbg画像を配置します。大きなボタンは単純に複数の類似したボタンでロードします。あまり多くロードしないでください。これにより、ページが耐えられなくなるほど遅くなります。

1
Tosh

そのような編集の合法性が問題になっていますが、私はこの問題に関する私の発見を共有したいと思いました。

FirefoxでFB Likeボタンを右クリックし、firebugで要素を調べました。クラス要素の読み出しは次のとおりです。

.connect_widget_like_button .liketext { 
  background: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png) -1px -33px no-repeat;
  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png);
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-position-x: -1px;
  background-position-y: -33px;
  background-Origin: initial;
  background-clip: initial;
  background-color: initial;
}

これは、like.phpの172行目に存在します

私が知っているグラフィックのようなカスタムを使用している会社の1つはDisqusですが、そのボタンは多機能要素であり、facebookとTwitter onClickのどちらかを選択できるため、ニーズに合わせてカスタマイズすることができます。

0
robabby

ハイヤ、スマートなCSSでそれを行うことができます- http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

0
Stevie