首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

Discuz! 論壇頁頭圖片修改:模板文件與 CSS 兩種方式

     編輯:程式設計綜合問答

方法一:直接替換圖片檔案 (最簡單)

  1. 找到模板目錄:`template/default/common/header.htm` 或 `template/你的風格/common/header.htm`。
  2. 查找 `` 或 CSS `background-image` 引用的圖片路徑。
  3. 用同名同尺寸圖片覆蓋原檔 (如 `template/default/image/header_logo.png`)。

方法二:修改模板 HTML (靈活)

<!-- template/default/common/header.htm -->
<div id="hd">
    <a href="{$_G[siteurl]}" title="$_G['setting']['bbname']">
        <img src="{IMGDIR}/custom_logo.png" alt="$_G['setting']['bbname']" />
    </a>
</div>
將 `{IMGDIR}/custom_logo.png` 改為你的圖片相對路徑或絕對 URL。

方法三:CSS 覆蓋 (不動模板)

/* template/default/common/style.css 或後台 DIY CSS */
#hd .logo img { content: url('data:image/png;base64,...'); } /* CSS3 content */
#hd .logo { background: url('custom_logo.png') no-repeat center; text-indent: -9999px; }

後台 DIY 介面 (非程式碼)

管理中心 → 介面 → 風格管理 → 編輯風格 → 頁頭區域 → 上傳 Logo / 修改 HTML/CSS,生效後更新緩存。

緩存更新

修改模板/CSV 後必須:**後台 → 工具 → 更新緩存**,或手動刪除 `data/cache/` 下相關檔案。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved