1

addthisフォローボタンに追加したいカスタムサウンドクラウドボタンに問題があります。残念ながら、addthis は soundcloud のフォローをネイティブにサポートしていないため、addthis ツールボックスに手動で挿入しようとしています。

私が経験している問題は、soundcloud ボタンが他のフォロー ボタンの最後に正しく配置されていないことです。addthis ヘルプ サイトには、ツールボックスにカスタム ボタンを追加するだけでよいと書かれています。私が使用している画像は、addthis 自動生成ボタンと同じサイズです。どんな助けでも大歓迎です。

これは次のようになります: http://imgur.com/d6w4Y

これが私のコードです：

<div id="right-side-social">
<h3 style="padding: 10px 0px 10px 3px;">Follow Us!</h3>
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="xxxx"></a>
<a class="addthis_button_twitter_follow" addthis:userid="xxxx"></a>
<a class="addthis_button_youtube_follow" addthis:userid="xxxx"></a>
<a href="http://soundcloud.com/xxxx"><img border="0" src="http://www.xxxx.com/images/indexpics/soundcloud.jpg" alt="follow xxxx on soundcloud" width="32" height="32"></a>
</div>
<script type="text/javascript"src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xxxx"></script>
</div>
4

2 に答える 2

0

Soundcloudボタンが正しく配置されていない場合は、インラインスタイルを適用してボタンを上下に移動できます。たとえば、次のようになります。

<a href="http://soundcloud.com/xxxx"><img border="0" src="http://www.xxxx.com/images/indexpics/soundcloud.jpg" alt="follow xxxx on soundcloud" width="32" height="32" style="margin-top:-15px;margin-left:-10px;"></a>

マージントップとマージンレフトの数値を正しく整列させるには、それらを操作する必要があります。

于 2012-10-17T01:46:54.750 に答える
-1

このソリューションがどのように見えるかは、こちらで確認できます。

  • ここにあるSoundCloudフォローウィジェットを使用してください。

  • AddThis クラスで SoundCloud iframe を囲みます。

    <a class="addthis_button_facebook_follow">SOUNDCLOUD IFRAME GOES HERE</a>

    したがって、次のようになります。

    <a class="addthis_button_facebook_follow"><iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2Fanalogsheep&color=orange_white&size=32" style="width: 32px; height: 32px;"></iframe></a>

  • この行を他の AddThis ウィジェットの隣に置きます。

    <div  style="position:fixed; margin: 85px 0 0 773px; z-index: 10000; width: 250px;">
    <div class="addthis_toolbox addthis_32x32_style addthis_default_style" style="margin: 0px 0 0 80px;">
        <a class="addthis_button_facebook_follow"><iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2Fanalogsheep&color=orange_white&size=32" style="width: 32px; height: 32px;"></iframe></a>
        <a class="addthis_button_twitter_follow" addthis:userid="theanalogsheep"></a>
        <a class="addthis_button_tumblr_follow" addthis:userid="analogsheep"></a>
        <a class="addthis_button_pinterest_follow" addthis:userid="analogsheep"></a>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=YOUR ADDTHIS PUBLIC ID GOES HERE"></script>
<div>

    重要:これは私のサイトで動作する実際のコードです。コードの最後にある AddThis ID を変更することを忘れないでください!!!

于 2014-05-10T00:53:41.783 に答える