請教如何修改 site_logo.gif 的 CSS ?!

phpBB 3 Style Support
討論的範圍包含版面排列、樣式、配置;外掛問題,請到相關版面依發問格式發表!
(發表文章請按照公告格式發表,違者砍文)

版主: 版主管理群譯文組

版面規則
請注意!您的提問必須遵守發問格式,違者砍文。
主題已鎖定
bigching
星球普通子民
星球普通子民
文章: 30
註冊時間: 2005-09-08 23:43

請教如何修改 site_logo.gif 的 CSS ?!

文章 bigching »

●主機作業系統:Linux (台灣戰國策虛擬主機)
●您的上網方式:ADSL
●您的 phpBB 版本:phpBB 3.0.0
●您的 domain (網域名稱) : www.intw.org
●您的 phpBB 連結網址: http://543.intw.org
●安裝風格:prosilver(預設版型...然後被我惡搞一翻)'


我想修改那個 phpBB 左上 大 logo 的 長寬的 css 設定 (想放大一點)

..........改過一次,然後就忘了在哪裡改了,請大德們指點一下

是要在 "管理員控制台 (ACP) " 裡的 -> 風格 -> 主題 -> 編輯 改嘛 ?! (沒找到那個 width:139px 還有 height:39px)

順便請教一下新的 phpBB3 好像我怎麼改那個 /styles/prosilver/theme/ 那一堆 .css 再上傳都不會變動

而是要到 "管理員控制台 (ACP) " 裡去用後台編輯風格咧 ?!!


感謝~~~~ :-D
圖檔
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8532
註冊時間: 2004-04-30 01:54
來自: Taiwan

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 心靈捕手 »

bigching 寫:●主機作業系統:Linux (台灣戰國策虛擬主機)
●您的上網方式:ADSL
●您的 phpBB 版本:phpBB 3.0.0
●您的 domain (網域名稱) : http://www.intw.org
●您的 phpBB 連結網址: http://543.intw.org
●安裝風格:prosilver(預設版型...然後被我惡搞一翻)'


我想修改那個 phpBB 左上 大 logo 的 長寬的 css 設定 (想放大一點)

..........改過一次,然後就忘了在哪裡改了,請大德們指點一下

是要在 "管理員控制台 (ACP) " 裡的 -> 風格 -> 主題 -> 編輯 改嘛 ?! (沒找到那個 width:139px 還有 height:39px)

順便請教一下新的 phpBB3 好像我怎麼改那個 /styles/prosilver/theme/ 那一堆 .css 再上傳都不會變動

而是要到 "管理員控制台 (ACP) " 裡去用後台編輯風格咧 ?!!


感謝~~~~ :-D
1. 您放的圖, 如果不是太大的話, 那麼只要置換原先的 logo 即可;
否則, 得修改相關 css 設定, 重點在底下這個檔案.
styles/prosilver/theme/common.css

代碼: 選擇全部

#site-description {
	float: left;
	width: 70%;
}
2. 修改完 *.css 建議清除快取, 才易生效:
ACP > 風格 > 主題 > YOUR_THEME > 重新整理
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
bigching
星球普通子民
星球普通子民
文章: 30
註冊時間: 2005-09-08 23:43

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 bigching »

感謝【心靈捕手】大仔 這麼快出現來幫忙了 ~~~~~~ ;)

抱歉ㄋㄟ,看來我的表達偶待改進 ~~~ :P
我是指最左上角的那個 "phpBB createing communities" 的那個 phpBB 的大logo 圖檔,他的 size 是 139px / 52px。

有試過把圖換掉,連圖檔 size 都改了,結果他還是硬被改成 139px / 52px 的圖型 ........ 可想而知就是 css 接管了這個圖檔的長寬設定...

我知道是可以再,風格 -> 主題 -> 編輯 中就像【心靈捕手】大仔 寫的方法
#site-description {
float: left;
width: 70%;
}
我可以改成
#site-description {
float: left;
width: 70%;
}

#site-description img {
width: 我想要的寬度;
height:我想要的高度;
}
應該就可以改掉,只是記得好像不知道在後台什麼地方有看到設定 ( 還是被我自己弄不見刪掉了~~~~ :P ),改掉 139 . 52 就可以了

想看看有沒人有這樣改過


我有照您的方法改,不過好像不對......

那個 " ACP > 風格 > 主題 > YOUR_THEME > 重新整理 " 把我原很改半天的 CSS 都洗掉了~~~ :P

那個"重新整理"的功能是 "重新整理"還是"還原"的意思嘛 ?!
圖檔
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8532
註冊時間: 2004-04-30 01:54
來自: Taiwan

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 心靈捕手 »

bigching 寫:感謝【心靈捕手】大仔 這麼快出現來幫忙了 ~~~~~~ ;)

抱歉ㄋㄟ,看來我的表達偶待改進 ~~~ :P
我是指最左上角的那個 "phpBB createing communities" 的那個 phpBB 的大logo 圖檔,他的 size 是 139px / 52px。

有試過把圖換掉,連圖檔 size 都改了,結果他還是硬被改成 139px / 52px 的圖型 ........ 可想而知就是 css 接管了這個圖檔的長寬設定...

我知道是可以再,風格 -> 主題 -> 編輯 中就像【心靈捕手】大仔 寫的方法
#site-description {
float: left;
width: 70%;
}
我可以改成
#site-description {
float: left;
width: 70%;
}

#site-description img {
width: 我想要的寬度;
height:我想要的高度;
}
應該就可以改掉,只是記得好像不知道在後台什麼地方有看到設定 ( 還是被我自己弄不見刪掉了~~~~ :P ),改掉 139 . 52 就可以了

想看看有沒人有這樣改過


我有照您的方法改,不過好像不對......

那個 " ACP > 風格 > 主題 > YOUR_THEME > 重新整理 " 把我原很改半天的 CSS 都洗掉了~~~ :P

那個"重新整理"的功能是 "重新整理"還是"還原"的意思嘛 ?!
1. CSS 的設定彈性較大, 並沒有指定 logo 的寬度或高度, 它用的是 '邊距' 的概念;
也就是說, 只是設定 logo 距離上, 右, 下, 左邊界的距離多少而已.

代碼: 選擇全部

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}
styles/prosilver/theme/common.css

所以說, 請放心! 絕對沒有您所謂的 (139 . 52) 限制.

例如: 我的網站 logo 是採隨機顯示, 他們的大小則是我自訂的 120x40.
http://wang5555.dnsfor.me/phpBB3/

您可以將您要改變的 logo 貼上來, 我可以將它加入隨機顯示給您看看.

2. 重新整理 == 清除快取
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
bigching
星球普通子民
星球普通子民
文章: 30
註冊時間: 2005-09-08 23:43

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 bigching »

聽您這麼說那就應該鐵定正確了 ....... 晚點ㄦ來改改 :lol:
圖檔
g53123
星球公民
星球公民
文章: 76
註冊時間: 2004-12-21 12:51

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 g53123 »

請問我也想修改logo變成一幅banner!

此種
改為
這種banner


本來用置換的方式 但logo會被定義大小
overall_header.html 也只找到

代碼: 選擇全部

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>
一段跟banner有關的敘述
後來看到這篇文章然後去改common.css檔
不過他居然是背景加寬 如:http://g53123.runhost.net/phpBB3/index.php
(這方面又有要置換logo還是背景的問題,有些style是logo+背景圖 ,搜尋的box不動沒關係)

然後我是參照phpbb2版本的css檔找到..

代碼: 選擇全部

#logodesc { width: 95%; margin-left: 2.5%; margin-right: 2.5%; }
將後面那段設定套用 然後變灰色背景的部分加寬變成banner的區域 = =

我該如何修改logo成banner 且不會定義大小(上傳的圖不會被卡掉或縮小)

我試過幾種風格 有些logo預設檔名是png,這方面如果我不想預設png又該如何改成jpg呢?
或是可以給我一個方向,比如要修改預設圖檔類型或是logo需要修改哪幾個檔的哪些敘述..
比如如果我要改哪個就該去改那些檔的哪些地方 及設定值意義?
這樣我會比較好測試出我想要的結果..
謝謝各位的教導~我相信這會很實用! (:H)
頭像
SCR
竹貓忠實會員
竹貓忠實會員
文章: 330
註冊時間: 2006-03-11 23:21
來自: 網路的小角落

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 SCR »

g53123 寫:請問我也想修改logo變成一幅banner!

此種
改為
這種banner
你所舉的這兩個例子,我看不出有何差異性.
如果單只是想要改變成自己想要的 LOGO ,我有一個簡單又快速;卻不知是不是你想要的方法?

1.直接找一個圖檔(檔名隨你高興指定)把他丟進 styles/風格/imageset/ 裡面.
2.進入 ACP → 風格 → 圖檔組 → (你所安裝的風格) → 編輯
3.選擇圖檔: "主要的logo" → 圖檔: 選擇 "你指定的圖檔"
4.包含尺寸: "是" (如果選擇 "否" 則直接跳至 7 )
5.圖檔寬度: 填入你指定的圖檔寬度.
6.圖檔高度: 填入你指定的圖檔高度.
7.送出.
知難非行易,知易反行難~~
g53123
星球公民
星球公民
文章: 76
註冊時間: 2004-12-21 12:51

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 g53123 »

SCR 寫: 你所舉的這兩個例子,我看不出有何差異性.
如果單只是想要改變成自己想要的 LOGO ,我有一個簡單又快速;卻不知是不是你想要的方法?

1.直接找一個圖檔(檔名隨你高興指定)把他丟進 styles/風格/imageset/ 裡面.
2.進入 ACP → 風格 → 圖檔組 → (你所安裝的風格) → 編輯
3.選擇圖檔: "主要的logo" → 圖檔: 選擇 "你指定的圖檔"
4.包含尺寸: "是" (如果選擇 "否" 則直接跳至 7 )
5.圖檔寬度: 填入你指定的圖檔寬度.
6.圖檔高度: 填入你指定的圖檔高度.
7.送出.
抱歉! 因為很久沒有答案
但我想把新論壇弄好才打算整個搬到原來的網址
其實只是logo跟部分版面修改的問題沒弄好,網站還是照常在運作
所以只好暫時用javascript把原來的網址先轉到phpbb3的
免得會員覺得久久不開張
所以你才會看到沒什麼差異,因為他轉到phpbb3的網址了!

我有去舊的phpbb2把圖擷下來
http://img73.imageshack.us/img73/6641/hhhgo2.jpg
像這樣的banner
我也有試了你說的辦法~
謝謝你,我還不知道圖檔組那裡可以直接改logo..= ="
那這樣換logo的問題算是解決了~
但不知要如何像上面那樣看起來較對齊

這是測試結果: http://g53123.runhost.net/phpBB3/index.php
或是可以將背景的灰色改成白色,字能換到別的地方嗎?
頭像
SCR
竹貓忠實會員
竹貓忠實會員
文章: 330
註冊時間: 2006-03-11 23:21
來自: 網路的小角落

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 SCR »

g53123 寫:
我有去舊的phpbb2把圖擷下來
http://img73.imageshack.us/img73/6641/hhhgo2.jpg
像這樣的banner
我也有試了你說的辦法~
謝謝你,我還不知道圖檔組那裡可以直接改logo..= ="
那這樣換logo的問題算是解決了~
但不知要如何像上面那樣看起來較對齊

這是測試結果: http://g53123.runhost.net/phpBB3/index.php
或是可以將背景的灰色改成白色,字能換到別的地方嗎?
都可以,只是要視你的"論壇標題"字要放哪邊而決定.
背景灰色改成白色最快的方法是(我舉例的風格是 prosilver )
打開 styles/prosilver/template/overall_header.html
尋找

代碼: 選擇全部

<div class="headerbar">
改成

代碼: 選擇全部

<div class="headerbar" style="background:#ffffff">
至於你的"字"到底要放哪邊,就往

代碼: 選擇全部

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
這兩個 code 去著手.
ps:我沒安裝你那種風格,詳細改法或有出入.可以的話,把你的 overall_header.html 檔案給打包再丟出來,順便把你想要的 logo 圖片,字的位置給貼出圖來,或許會較有幫助.
知難非行易,知易反行難~~
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8532
註冊時間: 2004-04-30 01:54
來自: Taiwan

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 心靈捕手 »

g53123 寫:請問我也想修改logo變成一幅banner!
基本上, 這是個錯誤的概念!

畢竟 logo 的定義與型式, 絕對不同於 banner;
您硬是要將 banner 取代為 logo 的話, 當然是事倍功半.

比較建議的做法是, 在原區塊底下, 新增一個區塊置放您的 banner.

參考連結:
http://phpbb-tw.net/phpbb/viewtopic.php?f=87&t=50274
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
g53123
星球公民
星球公民
文章: 76
註冊時間: 2004-12-21 12:51

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 g53123 »

嗯..謝謝SCR大大~我試過了,你改的都可以~但看起來也許像心靈捕手版大說的有點怪..
心靈版大的建議,我用Forum Sponsor 的mod可以達到
但我盡量不想弄成在版面裡面,而是掛在上面的banner
隨季節活動可以變,這樣版面會比較生動
阿維
竹貓忠實會員
竹貓忠實會員
文章: 868
註冊時間: 2003-02-23 13:36
來自: 台南市

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 阿維 »

請問老師phpBB官方的Logo與背景圖檔搭配的方式該如何修改呢? (使用風格: prosilver Special Edition)
官方論壇上面的Logo
提供代客維護 phpBB 3.0.x 以及外掛/風格升級或安裝的服務,如需委託,請與我聯絡,謝謝! ;)
我的 Skype 帳號:gpxjordan
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8532
註冊時間: 2004-04-30 01:54
來自: Taiwan

Re: 請教如何修改 site_logo.gif 的 CSS ?!

文章 心靈捕手 »

JORDAN 寫:請問老師phpBB官方的Logo與背景圖檔搭配的方式該如何修改呢? (使用風格: prosilver Special Edition)
官方論壇上面的Logo
建議您:
依發問格式, 重新提問.

ps.
抱歉! 鎖定.
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
主題已鎖定

回到「[3.0.x] 風格問題討論」