给网站左右两侧添加悬浮图片代码
建站知识 2014-12-04 9219 2 评论 admin

wordpress主题站又给大家发福利,今天给大家分享一个给网站左侧或右侧添加悬浮图片的代码,这个代码很简单,就一句样式代码就OK了。

制作流程如下:

1、先准备一张精美的图片,例如目前最流行的微信二维码。

2、把下面代码复制到CSS样式表里,把width:120px中的120改成你自己图片的宽度,把height:240px里的240改成你图片的高度,把url(“images/suspension.png)里的images/suspension.png换成你图片的相对地址。

1
2
.suspension{width:120px;height:240px;background:url("images/suspension.png") no-repeat;
padding-top:100px;position:fixed;left:10px;top:60%;}

注:如果想把图片放在右边的话,把left:10px中的left改成right即可。top:60%中的60是指这张图片距离网站顶部的高度。

3、在网站的底部文件或头部文件的body标签内添加如下调用代码。

1
<div class="suspension"></div>

是不是很简单呀?可惜这个只是一个普通的悬浮图片,没有任何功能的,如果你只是为了显示一张悬浮图片,这个还是用得着的,呵呵!

继续浏览有关: , , 的文章
版权声明:版权归 wp仿站之家 所有,转载请注明出处!
转载请保留链接: http://www.linw.net/432.html

用心做最好的主题网站wp仿站之家

wp仿站之家是一个专业的wordpress仿站业务网站,提供wordpress主题模板下载以及seo网站优化服务,诚信经营,用心服务每一个客户,让您放心享受我们的优质服务。同时,也欢迎各位建站爱好者加入我们交流建站经验心得。

上一篇: 下一篇:

2则回应给“给网站左右两侧添加悬浮图片代码”

  1. 有趣新聞说道:

    真不錯,支持!!

  2. fliang说道:

    没效果啊

发表评论