discuz的css文件中添加背景图片但显示不出来?

在common.css中有如下一段代码:#uhd.mn{float:right;margin-right:15px;margin-bottom:-30px;line-he... 在common.css中有如下一段代码:
#uhd .mn { float: right; margin-right: 15px; margin-bottom: -30px; line-height: 28px; }
#uhd .mn a { padding: 2px 0 2px 20px; background: no-repeat 0 50%; color: {MIDTEXT}; }
#uhd .mn a:hover { color: {HIGHLIGHTLINK}; }
#uhd .mn .addflw a { background-image: url({IMGDIR}/flw_ico.png); }
#uhd .mn .addf a { background-image: url({STATICURL}image/feed/friend.gif); }
#uhd .mn .pm2 a { background-image: url({IMGDIR}/pmto.gif); }
为什么我添加一个变量如:
#uhd .mn .test a { background-image: url({STATICURL}image/feed/friend.gif); }
却无法显示图片?
展开
 我来答
方清磊
2013-10-13 · TA获得超过102个赞
知道小有建树答主
回答量:276
采纳率:66%
帮助的人:88万
展开全部

DISCUZ论坛添加页头及页尾背景图片的几种方法

1. 第一种效果,是给discuz的整体框架添加背景图片,见图示:

 

 

 

 

添加方法如下:找到你现在使用模板common文件下的header.html文件,在<head></head>部分添加以下代码:

1.  <style>body {
background-image:url(你的背景图片地址,如http://abc.com/imgs/bg.jpg);
background-repeat:no-repeat; background-position: top center;
padding-top:40px;}</style>

这种方法适用于非宽屏的风格,且背景图片多为宽像素的某张图片。添加此代码后,可能需要调整位置,修改padding-top后面的像素即可。

 

2. 第二种效果,是给discuz论坛导航栏上方的logo位置区域添加背景图片,见图示:

 

 

 

添加方法也超简单,找到header.htm中关于top部分的代码,找到banner所在的div层,默认应该是id=hd,在之后加入以下代码,最终代码展示为:

1.  <div id="hd"
style="background-image: url(static/image/xxx.jpg);
background-repeat:no-repeat; background-position:center;
background-position:top">

注意添加的图片高度要始终哦,而且不要和logo有冲突,这里也侧面证明了logo做成透明PNG格式的必要性。

 

 

三、添加页尾即页面底部背景图片的方法



OK,大同小异,为添加页尾添加背景图片的方法,是找到footer.htm模板文件,在代码中footer_banner代码下方即“ <!--{hook/global_footer}-->”添加以下代码:

1.  <div style="background-image:
url(http://你的背景地址.jpg); background-repeat:no-repeat; background-position:center;
background-position:top>

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
由春竹0gWac1
2013-10-14 · TA获得超过116个赞
知道小有建树答主
回答量:364
采纳率:0%
帮助的人:225万
展开全部
{STATICURL}在css中无法解析,写成相对路径即可
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
13856077103
2013-10-13 · TA获得超过795个赞
知道小有建树答主
回答量:1043
采纳率:100%
帮助的人:594万
展开全部
用firebug查看下源码下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式