[如何]在3.2.x中更改您的徽標

phpBB3.2.x即將停止支援,岐黃目前使用phpBB3.3.x論壇,此處蒐集,大多是岐黃所使用或更改的。
頭像
懸壺子
系統管理員
系統管理員
主題中的帖子: 3
文章: 34385
註冊時間: 2001-10-05 , 10:10
個人狀態: 道骨學習佛心..^^..
貼心留言: 氣候不穩
性別: 公仔
來自: 黃金故鄉
聯繫:

[如何]在3.2.x中更改您的徽標

未閱讀文章 懸壺子 »

[如何]在3.2.x中更改您的徽標
https://www.phpbb.com/community/viewtop ... &t=2400421
發布 者stevemaury » Sun一月 08,2017 9:05 pm

注意:有一個擴展來實現這一點:網站標誌, 但目前,它是一個發布候選人。
入門
上傳您的徽標
配置您的徽標
故障排除
筆記
這解釋瞭如何更改您的phpBB 3.2.x板上的默認標識。

1.入門
如果您之前沒有上傳文件,或者不知道如何使用FTP或SSH,則需要能夠這樣做。知識庫有一個簡短的 FTP指南。請參閱設置和自定義phpBB以獲取某些客戶端建議所需的工具。

2.上傳您的徽標
使用您的FTP或SSH客戶端,您需要將圖像上傳到:/styles/prosilver/theme/images/。您可以將圖像命名為默認徽標,site_logo.gif或給它一個不同的名稱。

你需要找到自己的上傳標誌,你可以使用或創建自己的標誌。請注意,沒有瀏覽器能夠顯示所有圖像類型,因此,最好將圖像限制為通常支持的類型之一:png,jpg或gif。

3.配置您的徽標在文本編輯器中
下載,備份和打開該文件/styles/prosilver/theme/colours.css(請參閱設置和自定義phpBB所需的工具以獲得一些建議)並找到:
colours.css寫道:
.site_logo {
background-image:url(“./ images / site_logo.gif”);
}
編輯文件名稱以匹配您的新徽標。 在文本編輯器中

下載,備份並打開文件/styles/prosilver/theme/common.css,找到:
common.css寫道:
.site_logo {
display:inline-block;
寬度:149 px;
身高:52 px;
}
編輯寬度和高度以匹配您的新徽標。 使用您的FTP客戶端(覆蓋現有文件),將文件和文件

保存並上傳到服務器上的相同位置。 從ACP中清除板級緩存。要做到這一點的按鈕位於主屏幕的右側。 您的新徽標現在應該顯示在論壇中。colours.csscommon.css





4.故障排除
如果徽標顯示不正確:
嘗試刷新瀏覽器。正常瀏覽器刷新會從瀏覽器緩存重新加載頁面,您將需要從服務器重新加載頁面,也稱為硬刷新。瀏覽器有所不同,但通常可以完成:
對於Windows和Linux使用:Ctrl + F5或Shift +重新加載
對於Mac,使用:⌘(Cmd)+ F5或Shift +重新加載
再次檢查所有編輯。圖像名稱中的單個錯字字符可能會阻止它顯示。
如果部分圖像沒有顯示,那麼您可能沒有正確調整填充設置。
仔細檢查你是否已經遵循了所有步驟,並對所使用的樣式進行了更改,而不是其他步驟。
5.注意到 (可選的東西)
的background-image: url是路徑到的圖像是相對於該/styles/prosilver/theme/目錄。所以,如果你的新的電路板標誌被調用,fish_heads.png並且出於某種原因,你將圖像放在電路板的根部,路徑就是這樣../../../fish_heads.png。

如果您的圖像需要調整大小,最好使用圖像編輯應用程序來調整其大小,因為這通常會導致更高質量的圖像顯示。但是,您可以使用CSS屬性。在background-image: 屬性下面的新行添加行:

background-size: 298 px 104 px; (寬度以像素為單位;高度以像素為單位)。width和中的height屬性common.css也需要進行類似的調整。
圖檔
頭像
懸壺子
系統管理員
系統管理員
主題中的帖子: 3
文章: 34385
註冊時間: 2001-10-05 , 10:10
個人狀態: 道骨學習佛心..^^..
貼心留言: 氣候不穩
性別: 公仔
來自: 黃金故鄉
聯繫:

Re: [如何]在3.2.x中更改您的徽標

未閱讀文章 懸壺子 »

https://www.phpbb.com/support/docs/en/3 ... oard-logo/

如何更改你的板徽
說明:如何在 phpBB 3.1、3.2 和 3.3 中更改你板頭的標誌

分類: 風格 改進

本文連結:全部選擇
Knowledge Base - How to change your board logo
注意:有一個擴充功能可達成此目標: 更換標誌.
入門
上傳你的標誌
設定你的標誌
故障排除
註釋
這說明了如何更改 phpBB 3.2.x 主板上的預設標誌。

1. 入門
如果你之前沒上傳過檔案,或不會用 FTP 或 SSH,你就必須能上傳。知識庫有一份簡短指南FTP.參見設定與自訂 phpBB 所需的工具給一些客戶建議......

2. 上傳你的標誌
使用你的 FTP 或 SSH 用戶端,你需要將圖片上傳到: 。你可以把圖片命名成 phpBB 3.3.x 或 phpBB 3.1.x 和 3.2.x 預設標誌一樣的名稱,或者給它取一個不同的名稱。如果標誌圖片不是 。當然,SVG 會需要一個正確副檔名的名稱。

你需要找到一個可以上傳的標誌,並且你可以使用,否則就自己創建一個。請注意,沒有任何瀏覽器能顯示所有圖片類型,因此最好限制圖片只顯示常見支援的類型之一:png、jpg、svg 或 gif。

3. 設定你的標誌。如果你使用的風格是繼承自prosilver(例如prosilver_se),請參考下方的B項。否則,請依照下方A項進行。

A. 下載、備份,並用文字編輯器開啟檔案(參見/styles/prosilver/theme/images/site_logo.svgsite_logo.gif/styles/prosilver/theme/colours.css設定與自訂 phpBB 所需的工具以下是一些建議)並找到:
colours.css寫道:
.site_logo {
背景圖片:url(“./images/site_logo.svg”);
}

colours.css寫道:
.site_logo {
背景圖片:url(“./images/site_logo.gif”);
}
編輯檔名以符合你的新標誌。

B. 下載、備份後在文字編輯器中開啟檔案,找到:/styles/prosilver/theme/common.css
common.css寫道:
.site_logo {
顯示:內嵌區塊;
寬度:149px;
高度:52px;
}
編輯寬度和高度以符合你的新標誌。請注意。SVG 檔案的高度和寬度可能以非像素單位表示,但高度和寬度可以用像素表示。

B. 下載、備份,並以文字編輯器開啟檔案(參見/styles/prosilver_se/theme/stylesheet.css設定與自訂 phpBB 所需的工具以下是一些建議)並找到:
stylesheet.css寫道:
.site_logo {
背景圖片:url(“./images/site_logo.gif”);
}
編輯檔名以符合你的新標誌。

下載、備份,並在文字編輯器中開啟檔案,然後找到:/styles/prosilver_se/theme/common.css
common.css寫道:
.site_logo {
顯示:內嵌區塊;
寬度:149px;
高度:52px;
}
編輯寬度和高度以符合你的新標誌。

用 FTP 客戶端(覆蓋現有檔案)存檔並上傳(或檔案,如果你的風格繼承自 prosilver)和檔案,放在伺服器上的同一位置(覆蓋現有檔案)。

從 ACP 清除板快取。按鈕在主畫面右側。

你的新標誌現在應該會顯示在論壇上。

4. 故障排除
:如果標誌顯示不正確:colours.cssstylesheet.csscommon.css
試著刷新瀏覽器。一般的瀏覽器刷新會從瀏覽器快取重新載入頁面,你需要從伺服器重新載入頁面,也就是所謂的硬刷新。瀏覽器各有不同,但通常可以達成:
Windows 和 Linux 使用:Ctrl + F5 或 Shift + Reload
Mac 使用:⌘(Cmd)+ F5 或 Shift + Reload
再檢查一次所有編輯。圖片名稱中一個打錯字元就可能阻止顯示。
如果畫面部分沒顯示,很可能是你沒有正確調整填充設定。
請再確認你已經按照所有步驟做了修改,並且更改了你使用的風格,而不是換了其他風格。
5. 備註(可選內容):
圖片的路徑相對於目錄而言是相對於的。所以,如果你的新板徽記被叫出,且你因某些原因把圖片放進板子根,路徑會是 。

如果你的圖片需要調整大小,最好使用圖片編輯軟體來調整大小,因為通常能帶來更好的影像品質。不過,你可以使用 CSS 屬性。在屬性下方的新行新增行,新增行:

背景大小:298px 104px;(寬度以像素為單位;高度以像素為單位。)和 中的屬性也需要類似調整。background-image: url/styles/prosilver/theme/fish_heads.png../../../fish_heads.pngbackground-image:widthheightcommon.css
-----------------------------------------
鳴謝P_I感謝你指出CSS的變動。

20170910 - 已修訂,新增關於繼承樣式
的資訊 20231020 - 編輯為參考「變更標誌」擴充功能
圖檔
頭像
懸壺子
系統管理員
系統管理員
主題中的帖子: 3
文章: 34385
註冊時間: 2001-10-05 , 10:10
個人狀態: 道骨學習佛心..^^..
貼心留言: 氣候不穩
性別: 公仔
來自: 黃金故鄉
聯繫:

Re: [如何]在3.2.x中更改您的徽標

未閱讀文章 懸壺子 »

懸壺子 寫: 2026-05-06 , 3:47 https://www.phpbb.com/support/docs/en/3 ... oard-logo/

如何更改你的板徽
說明:如何在 phpBB3.3 中更改你板頭的標誌

phpBB3.3.16已經更新,先完成prosilver_se風格
  prosilver風格,需要Windows 和 Linux 使用:Ctrl + F5 刷新,才見到新圖片 15:49完成  
圖檔
版面鎖定 主題已鎖定

回到「phpBB3.3.x」