給您的網(wǎng)站加個像DZ應(yīng)用中心的背景，祝大家2021新年快樂

gzwnzss · 發(fā)表于 2021-2-7 12:06:00

特長聲明：官方應(yīng)用中心的背景圖片請勿商用
添加方法如下：找到你現(xiàn)在使用模板common文件下的header.html（部份是header.php，也是一樣的）文件，

第一種效果：
/template/你的模板目錄/common/header.html（或header.php）
在在<head></head>之間加上如下代碼：

<style>body { background-image:url(您的背景圖片地址); background-repeat:no-repeat; background-position: top center; padding-top:0px;}</style>

復(fù)制代碼

注意更換成您的背景圖片地址。padding-top:0px可以調(diào)整離頂部的距離。這種方法適用于非寬屏的風(fēng)格，且背景圖片多為寬像素的某張圖片

第二種效果，是給discuz論壇導(dǎo)航欄上方的logo位置區(qū)域添加背景圖片
添加方法也超簡單，找到header.htm中關(guān)于top部分的代碼，找到banner所在的div層，默認(rèn)應(yīng)該是id=hd，在之后加入以下代碼，最終代碼展示為：

<div id="hd" style="background-image: url(您的背景圖片地址); background-repeat:no-repeat; background-position:center; background-position:top">

復(fù)制代碼

注意添加的圖片高度要始終哦，而且不要和logo有沖突，這里也側(cè)面證明了logo做成透明PNG格式的必要性。
應(yīng)用中心背景圖片素材（請勿商用，分享快樂）：

bj.zip (124.77 KB, 下載次數(shù): 410)

給您的網(wǎng)站加個像DZ應(yīng)用中心的背景，祝大家2021新年快樂

相關(guān)帖子

產(chǎn)品服務(wù)

開發(fā)者服務(wù)

使用教程