Question

我遇到了自定义声音云按钮的问题，我想添加到我的附加按钮。不幸的是，addthis本身不支持soundcloud跟随，所以我试图手动将其插入addthis工具箱。

我遇到的问题是soundcloud按钮在其他跟随按钮的末尾没有正确排列。 addthis帮助网站说，应该可以只在他们的工具箱中添加一个自定义按钮。我使用的图像与addthis自动生成的按钮大小相同。任何帮助将不胜感激。

这是我的代码：

<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>

Answer 1

如果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数字来使它们正确对齐。

Answer 2

您可以看到此解决方案的外观here。

使用SoundCloud关注小部件找到here。

将SoundCloud iframe包含在AddThis类中：

<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>

重要提示：这是我在[{3}}中使用的实际代码。 不要忘记在代码末尾更改AddThis ID !!!

Soundcloud跟随按钮与addthis跟随按钮不对齐

2 个答案: