https://developers.google.com/+/plugins/badge/configで標準バッジを設定しています
そのため、Google+ レンダリング iframe コンテンツ。iframe内でクラスのスタイルを変更するにはどうすればよいですか?
https://developers.google.com/+/plugins/badge/configで標準バッジを設定しています
そのため、Google+ レンダリング iframe コンテンツ。iframe内でクラスのスタイルを変更するにはどうすればよいですか?
現時点では、それを行う方法はないようです。煩わしい境界線と白い背景を取り除くために、CSS を編集してみました。
.yeb {
background-color: none !important;
border: 0px solid gainsboro !important;
}
ただし、CSS は Google サーバーにあるため、iFrame をオーバーライドすることはできません。これは、Google フォーラムでの現在の機能リクエストです。
ちょっとしたトリックを行うことができます:
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 フォーラムから入手しました。
google plusコードがサーバー上にないため、変更できません。ページとiframeコードが同じサーバー上にある場合にのみ、iframeCSSを変更できます。