新闻中心

zblog添加背景图片的快捷方法

作者 / 无忧主机时间 2016-01-02 18:00:02

前段时间无忧主机小编的一位朋友在用zblog程序建站，这位朋友为了让自己php空间中的网站显得格外与众不同，在网站的首页上添加各种效果，一会是添加特殊字体，一会是设置背景颜色，一会是设计排版等等，之后遇到了一些特殊的效果不好实现就咨询小编我要怎么实现，看得无忧主机小编我是眼花缭乱。小编先是了解了一下这位朋友预想的设计效果，发现这些效果完全可以用添加背景图片的方法来一步到位。具体的操作方法如下。首先我们用图片处理软件，例如ps工具先把预想的首页效果设计好，然后制作成一张首页效果图片。接下来我们找到当前主题的css文件样式表，用网站编辑工具将其打开，用搜索功能找到<body>标签，在这个标签的下面添加新的css样式代码，代码如下：

background-image: url("这里填写的是制作的图片的链接地址");
background-repeat: no-repeat;
background-position:center 180px;
background-attachment: fixed;

上面这段代码中设置的属性是固定浏览器的排版方式，图片不重复，宽度居中，距离顶部180个像素。图片宽度和距离顶部距离可以更具实际的情况进行调整和设置。最后保存css样式表，重建一下文件就可以了。无忧主机相关文章推荐阅读： ZBLOG搜索页面模板的制作方法 ZBLOG用YTCMS调用评论的方法 ZBLOG导航当前页突出显示的方法

本文地址：https://www.51php.com/zblog/21324.html

上一篇: dedecms调用同一个附加属性的文章的方法
下一篇: zblog控制缩略图大小不变形的方法