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

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

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

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

 

 

 

 

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

1  <style>body {

background-image:url(你的背景地址,如http://abccom/imgs/bgjpg);

background-repeat:no-repeat; background-position: top center;

padding-top:40px;}</style>

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

 

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

 

 

 

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

1  <div id="hd"

style="background-image: url(static/image/xxxjpg);

background-repeat:no-repeat; background-position:center;

background-position:top">

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

 

 

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

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

1  <div style="background-image:

url(http://你的背景地址jpg); background-repeat:no-repeat; background-position:center;

background-position:top>

图文教?给你代码吧!先把新旧帖提示图标去掉 然后 后台添加板块图标即可(URL)

还有在template/default文件夹下的discuzhtm里查找<th width="$cat[forumcolwidth]"{$forum[folder]}>

改成<th width="$cat[forumcolwidth]">{$forum[icon]}

相应模板文件夹下的 css_commonhtm

每个模板文件夹下的“css_appendhtm”文件里的那两行代码都要注释掉或者删掉。

list thnew { background-image: url({IMGDIR}/forum_newgif); }

第309行

list th { background: url({IMGDIR}/forumgif) 5px 10px no-repeat; padding-left: 45px !important; }[hr]

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » discuz的css文件中添加背景图片但显示不出来?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情