Google Plus PagesバッジのCSSスタイルを変更するにはどうすればよいですか？

私はスタンダードバッジを設定していますhttps://developers.google.com/+/plugins/badge/config Google Plus PagesバッジのCSSスタイルを変更するにはどうすればよいですか？

これはGoogle+のiframeコンテンツです。 iframe内のクラススタイルをどのように変更できますか？

2011-11-19 Bohdan Hdal

Googleプラスコードがあなたのサーバーにないため、変更できません。あなたのページとiframeコードが同じサーバー上にある場合のみ、iframe CSSを変更できます。

2011-12-07 13:19:22 tildy

しかし、Googleではiframeの機能だけでなく、javascriptも使用しているようですが、現在は問題があります。表用にCSSが事前定義されているため、google +ボタンも使用しています。「バブル」の一部がクラッシュします。 – tildy

私はそれを知っています。私はCSSのスタイルの変更の代替方法について尋ねる。 Facebookのようなボックスがあります。 –

ええ - クロスサイトポリシーのために、何もできません。 Googleがそれを変更する方法を提供するまでは。 iframeには常に枠線を追加したり、iframeのサイズを変更したりすることはできますが、iframe内の内容を変更することはできません。 – Applehat

現在のところ、現在のところそれを行う方法はないようです。

.yeb { 
    background-color: none !important; 
    border: 0px solid gainsboro !important; 
}

しかし、CSSを使用すると、iFrameを上書きすることはできませんGoogleのサーバーにあるので：私は迷惑な境界線と白い背景を取り除くためにCSSを編集してみました。 Googleフォーラムの最新の feature requestです。

出典

2012-05-17 13:14:06

あなたは少しトリックを行うことができます。

iframe対応のHTML：

<div id="social_gplus_circle"> 
<div id="social_gplus_circle_inner"><g:plus href="https://plus.google.com/105379671042990608528" size="smallbadge"></g:plus></div> 
</div>

トリックのためのCSS

：私はこれを自分で作っていなかった

#social_gplus_circle{overflow: hidden;width: 105px;height: 45px;padding-top: 7px;} 
#social_gplus_circle_inner{overflow: hidden;position: relative;top: -20px;left: -130px;height: 50px;width: 276px;} 
iframe{display: block!important;}

、私が得ましたそれはGoogleフォーラムから。

出典

2013-01-25 13:21:39

Google Plus PagesバッジのCSSスタイルを変更するにはどうすればよいですか？

答えて

関連する問題