新闻中心
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控制缩略图大小不变形的方法