![](/img/trans.png)
[英]How do I add a thumbnail to my website so that when someone shares a link on Twitter or Facebook it shows the image and the link?
[英]How do I add right-justified Facebook and Twitter buttons to the footer of my website?
我正在将Volusion用于我的电子商务网站,并想在我的网站页脚中添加Facebook和Twitter按钮/图标(类似于此页脚中的“ cc-wiki”和“ Peak Internet”徽标)。
这是我的页脚的当前HTML代码。 我要添加什么代码以使“版权”和“ Powered by Volusion”文本左对齐,并在同一行上添加所需按钮,但右对齐?
<div id="footer_bottom">
<!--<div id="footer_right" class="right">-->
<!--</div>-->
<div id="copyright">
<a href="/terms.asp">Copyright © <script type="text/javascript">document.write((new Date()).getFullYear());</script> Config_CompanyNameLegal All Rights Reserved.</a>
<!-- ==========================================================================================
VOLUSION LINK - BEGIN
===============================================================================================
Customer has agreed per Volusion’s Terms of Service (http://www.volusion.com/agreement_monthtomonth.asp) to maintain a text hyperlink to "http://www.volusion.com" in the footer of the website. The link must be standard html, contain no javascript, and be approved by Volusion. Removing this link breaches the Volusion agreement.-->
<br><a style="color: #F0F0F0" href="http://www.volusion.com" title="Shopping Cart Software" target="_blank">Powered by Volusion</a>
</div>
<!-- ==========================================================================================
VOLUSION LINK - END
=========================================================================================== -->
</div>
</div>
您将必须在div上使用float: left
或float:right
(这种效果的某些东西, 未经 CSS的测试 ,就未经测试 )。
<div id="footer_bottom" style="display: block; width: 100%">
<div id="powered" style="float: left">Powered by Volusion</div>
<!--</div>-->
<div id="copyright" style="float:right" ><a href="/terms.asp">Copyright © <script type="text/javascript">document.write((new Date()).getFullYear());</script> Config_CompanyNameLegal All Rights Reserved.</a>
</div>
</div>
请记住,您应该有一个CSS(样式表),并将我放在style=""
所有内容都放入CSS中。
例如
/* CSS */
#powered {
float: left;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.