1

我想添加到我的 addthis 跟随按钮的自定义 soundcloud 按钮有问题。不幸的是，addthis 本身并不支持 soundcloud follow，所以我试图手动将它插入到 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>

您将需要使用 margin-top 和 margin-left 数字以使它们正确对齐。

于 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 回答