Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] x2.5清新版如何设置页面背景图案(附加属性)?

[复制链接]
suxuan2010 发表于 2012-5-8 20:36:17 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2.5
浏览器: IE9 
使用模板: 官方模板
BUG地址: https://discuz.dismall.com
如图,此处页面背景图案我知道可以在后台风格编辑中添加,但是其附加属性应如何设置(
repeat          默认。背景图像将在垂直方向和水平方向重复。
repeat-x        
背景图像将在水平方向重复。
repeat-y        
背景图像将在垂直方向重复。
no-repeat      
背景图像将仅显示一次。
)。采用的图片是270*300大小的,如何才能让他拉伸铺位页面呢?如何是需要根据需要添加同样大小的图案才行,那图案大小又如何得知呢?在论坛中找了很多,但没有答案,只是让从后台添加

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
intosd 发表于 2012-5-9 00:36:11 | 显示全部楼层
最简单的办法,风格头部文件</head>前添加:
  1. <style type="text/css">body{background:url(你的图片地址) no-repeat center 0;margin-top:80px;}</style>
复制代码
margin-top:80px;是头部文件距顶部距离,可根据需要调整
回复

使用道具 举报

 楼主| suxuan2010 发表于 2012-5-10 20:16:36 | 显示全部楼层
intosd 发表于 2012-5-9 00:36
最简单的办法,风格头部文件前添加:margin-top:80px;是头部文件距顶部距离,可根据需要调整

采用清新版,在heand.htm文件中的script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
        <!--{/if}-->
        <!--{if $_GET['diy'] == 'yes' && check_diy_perm($topic)}-->
        <link rel="stylesheet" type="text/css" id="diy_common" href="data/cache/style_{STYLEID}_css_diy.css?{VERHASH}" />
        <!--{/if}-->
插入<style type="text/css">body{background:url(body.jpg) no-repeat center 0;margin-top:80px;}</style>,后台更新缓存后没有效果呢。
body图片放在清新版的image文件夹下
回复

使用道具 举报

intosd 发表于 2012-5-11 15:53:05 | 显示全部楼层
背景图片要写明路径,不然没有效果的
回复

使用道具 举报

intosd 发表于 2012-5-11 15:54:31 | 显示全部楼层
本帖最后由 intosd 于 2012-5-11 15:56 编辑

例如我的站采用默认风格,设置背景图片,该句如下:
<style type="text/css">body{background:url(static/image/common/top.jpg) no-repeat center 0;margin-top:80px;}</style>

这样就会有如图的效果

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

intosd 发表于 2012-5-11 18:22:07 | 显示全部楼层
另外找到不用改动页面代码的解决办法了,后台你使用的模板,编辑,页面背景(注意不是页头),填入你的图片地址,附加属性:no-repeat center 0; 图片只显示一次,这样就可以解决了
回复

使用道具 举报

Fun_game 发表于 2012-8-28 11:26:18 | 显示全部楼层
intosd 发表于 2012-5-9 00:36
最简单的办法,风格头部文件前添加:margin-top:80px;是头部文件距顶部距离,可根据需要调整

你能不能帮我弄下  (我是菜鸟)
回复

使用道具 举报

andyna520 发表于 2012-9-16 16:23:50 | 显示全部楼层
intosd 发表于 2012-5-11 18:22
另外找到不用改动页面代码的解决办法了,后台你使用的模板,编辑,页面背景(注意不是页头),填入你的图片 ...

图片不够大怎么办
回复

使用道具 举报

↘﹎鋒荇兲丅℡_ 发表于 2013-10-18 18:22:13 | 显示全部楼层
intosd 发表于 2012-5-11 18:22
另外找到不用改动页面代码的解决办法了,后台你使用的模板,编辑,页面背景(注意不是页头),填入你的图片 ...

太感谢你了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 12:36 , Processed in 0.033464 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表