index.tpl.htm 中
<div class="bdsharebuttonbox aw-dropdown shareout pull-right">
<ul class="aw-dropdown-list">
<li><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"><i class="icon icon-wechat"></i> <?php _e('微信'); ?></a></li>
<li><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"><i class="icon icon-weibo"></i> <?php _e('微博'); ?></a></li>
<li><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"><i class="icon icon-qzone"></i> <?php _e('QZONE'); ?></a></li>
<li><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ"><i class="icon icon-qq"></i> <?php _e('QQ'); ?></a></li>
</ul>
</div>
common.css
/* 分享下拉 */
.aw-dropdown.shareout{top: 100%;width: 130px;}
.aw-dropdown.shareout i{width: 24px;height: 24px;display:inline-block;font-size: 16px;color: #fff !important;text-align: center;line-height: 24px;border-radius: 4px;}
.aw-dropdown.shareout i.icon-weibo{background-color: #ff6161;}
.aw-dropdown.shareout i.icon-qzone{background-color: #ffc333;}
.aw-dropdown.shareout i.icon-wechat{background-color: #73db42;}
.aw-dropdown.shareout i.icon-qq{background-color: #1FAEFF;}
阅读全文
收起全文
