[分享] 仿竹貓橘色框及phpBB官網的風格(prosilver)

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

版主: 版主管理群譯文組

版面規則
請注意!您的提問必須遵守發問格式,違者砍文。
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

[分享] 仿竹貓橘色框及phpBB官網的風格(prosilver)

文章 CRLin »

Sorry! 會員列表 發現 bug!!(IE6 browser) :-?
其實是延用 phpbbsilver 風格 - http://phpbbchina.com/forum/viewtopic.php?f=24&t=3651
適用版本: phpBB3.0.5
描述: 仿 phpBB 官方(更多顏色). 含 背景圖, 頂部導航欄, 允許固定圓角框寬度.
Live Demo: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/?style=1
(您可以在導航條的右側 改變顏色.)
Download:
(Please use 7-ZIP to unzip file)
http://web.dhjh.tcc.edu.tw/~gzqbyr/down ... iteBlue.7z
3.0.4 至 3.0.5 的更新: http://web.dhjh.tcc.edu.tw/~gzqbyr/down ... o_3.0.5.7z
將 prosilver 目錄內的全部資料 覆蓋您的 prosilver 目錄.
後續處理:
  1. 竹貓正體中文:
    進入後台管理(ACP) >> 風格 >> 樣板檔 >> prosilver >> 重新整理 >> 登出
  2. 簡體中文:
    進入後台管理(ACP) >> 風格 >> 模板 >> prosilver >> 刷新 >> 註銷

刪除 cache 目錄內的文件 ( .htaccess 及 index.html 除外 )

縮小圖:
預設
圖檔

下列 demo, 須編輯 phpbbsilver.css
取代 import url("prosilver.css"); 為 import url("procyan.css");
圖檔

取代 import url("prosilver.css"); 為 import url("prodarkblue.css");
圖檔

取代 import url("prosilver.css"); 為 import url("progray.css");
圖檔

取代 import url("prosilver.css"); 為 import url("progreen.css");
圖檔

取代 import url("prosilver.css"); 為 import url("proorange.css");
圖檔

取代 import url("prosilver.css"); 為 import url("prored.css");
圖檔

頂部導航欄的方法.
在 prosilver.zip:
styles/phpbbsilver/template/overall_header.html

代碼: 選擇全部

		<div id="ja-mainnavwrap">
			<div id="ja-mainnav" class="clearfix">
			<ul class="menu">
				<li class="item10"><a href="/"><span>Home</span></a></li>
				<li>&nbsp;</li>
				<li class="active item99"><a href="{U_INDEX}"><span>Forum</span></a></li>
			</ul>
			</div>
		</div>
上列的 <li class="active item99"> 是作用中的頁面.

固定圓角框寬度的方法:
開啟 phpbbsilver/theme/corner1.css
尋找

代碼: 選擇全部

	/*width: 850px;
	margin: 0 auto;*/
取代為

代碼: 選擇全部

	width: 850px;
	margin: 0 auto;
尋找

代碼: 選擇全部

	/*width: 925px;
	margin: 0 auto;*/
取代為

代碼: 選擇全部

	width: 925px;
	margin: 0 auto;
最後由 CRLin 於 2009-06-19 11:08 編輯,總共編輯了 13 次。
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
小竹子
竹貓星球大統領
竹貓星球大統領
文章: 4596
註冊時間: 2001-10-29 22:13
來自: 竹貓星球
聯繫:

Re: [分享] 為 prosilver 加桔色框

文章 小竹子 »

喔喔喔~好圓 哈哈
注意事項:
●phpBB 架設相關問題請到 + phpBB 3.0.x 討論區發表!
●都沒有你要的答案嗎??>>點這裡<<搜尋一下吧!
●請使用>>標準的發文格式<<發表問題!
●竹貓星球並非政治團體代言人,請不要在竹貓討論政治議題,也不要認為竹貓是偏向任何一方政治團體,竹貓愛的是台灣這片生長的土地,過於泛政治化文章請來信告知移除!
●關於 phpBB 使用問題請在版面發問,私人訊息提供其他不相干或是隱私的事情聯絡之用。
●所有市面上的免費空間皆非竹貓管轄,請勿來信詢問,請直接與該免費空間連絡。
yehrussell
竹貓忠實會員
竹貓忠實會員
文章: 550
註冊時間: 2006-01-03 07:48

Re: [分享] 為 prosilver 加桔色框

文章 yehrussell »

CRLin 老師:您好
可否分享,有加外掛後,下面兩個程式更改方式? 謝謝 :-D
overall_header.html和overall_footer.html

PS: PHPBB3.0.2版
##### 以下為 '基本的發問格式' #####
●主機作業系統:租用主機
●快速架站程式: (請務必註明版本,如果安裝在自己電腦上才填寫)
●您的上網方式:
●您安裝的程式:Apache + php + MySql 或其他
PHP 版本: 8.1.24 + MySQL(i) 5.7.44
●您的 phpBB 版本: phpBB 3.3.13
●您的 domain (網域名稱) :herb-tw.com
●您的 phpBB 連結網址: https://herb-tw.com/phpBB/
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

Re: [分享] 為 prosilver 加桔色框

文章 CRLin »

小竹子 寫:喔喔喔~好圓 哈哈
小竹子 很清楚"這個桔色圓框"!! :-D
yehrussell 寫:CRLin 老師:您好
可否分享,有加外掛後,下面兩個程式更改方式? 謝謝 :-D
overall_header.html和overall_footer.html

PS: PHPBB3.0.2版
Sorry! 不太懂您的意思.
應先加桔色框, 再由加外掛時須動到 overall_header.html 和 overall_footer.html 做處理.
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
yehrussell
竹貓忠實會員
竹貓忠實會員
文章: 550
註冊時間: 2006-01-03 07:48

Re: [分享] 為 prosilver 加桔色框

文章 yehrussell »

謝謝CRLin老師回應...
裝這橘色外框發現一問題
檢視個人資料時,發現一片空白
如圖所示
-1.jpg
PS:是用IE7瀏覽
最後由 yehrussell 於 2008-08-05 11:10 編輯,總共編輯了 1 次。
##### 以下為 '基本的發問格式' #####
●主機作業系統:租用主機
●快速架站程式: (請務必註明版本,如果安裝在自己電腦上才填寫)
●您的上網方式:
●您安裝的程式:Apache + php + MySql 或其他
PHP 版本: 8.1.24 + MySQL(i) 5.7.44
●您的 phpBB 版本: phpBB 3.3.13
●您的 domain (網域名稱) :herb-tw.com
●您的 phpBB 連結網址: https://herb-tw.com/phpBB/
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

Re: [分享] 為 prosilver 加桔色框

文章 CRLin »

yehrussell 寫:謝謝CRLin老師回應...
裝這橘色外框發現一問題
檢視個人資料時,發現一片空白
謝謝測試!

在 firefox 最正常, opera 次之, IE6 則 xxx
而延用 竹貓的桔色框, 應作些修改, 將試試!

PS: 竹貓 無此問題. :-D
http://phpbb-tw.net/phpbb/memberlist.ph ... le&u=50006
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
yehrussell
竹貓忠實會員
竹貓忠實會員
文章: 550
註冊時間: 2006-01-03 07:48

Re: [分享] 為 prosilver 加桔色框

文章 yehrussell »

CRLin 寫:
謝謝測試!

在 firefox 最正常, opera 次之, IE6 則 xxx
而延用 竹貓的桔色框, 應作些修改, 將試試!

PS: 竹貓 無此問題. :-D
http://phpbb-tw.net/phpbb/memberlist.ph ... le&u=50006
CRLin老師:
在下這桔色框已經裝到自己論壇上,
用Firefox 2.0.0.16正常(可以看到),我用IE7測試出來,就是像上面圖空白,
麻煩您看看囉! 謝謝 :-D
##### 以下為 '基本的發問格式' #####
●主機作業系統:租用主機
●快速架站程式: (請務必註明版本,如果安裝在自己電腦上才填寫)
●您的上網方式:
●您安裝的程式:Apache + php + MySql 或其他
PHP 版本: 8.1.24 + MySQL(i) 5.7.44
●您的 phpBB 版本: phpBB 3.3.13
●您的 domain (網域名稱) :herb-tw.com
●您的 phpBB 連結網址: https://herb-tw.com/phpBB/
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

Re: [分享] 為 prosilver 加桔色框

文章 CRLin »

yehrussell 寫:在下這桔色框已經裝到自己論壇上,
用Firefox 2.0.0.16正常(可以看到),我用IE7測試出來,就是像上面圖空白,
麻煩您看看囉! 謝謝 :-D
這個圓框參考 avalon 風格而來, 花了不少時間. 看來只有放棄重新再做!
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
yehrussell
竹貓忠實會員
竹貓忠實會員
文章: 550
註冊時間: 2006-01-03 07:48

Re: [分享] 為 prosilver 加桔色框

文章 yehrussell »

CRLin 寫:這個圓框參考 avalon 風格而來, 花了不少時間. 看來只有放棄重新再做!
老師謝謝您! 這框框做的好喜歡
上次您做的正、簡字轉換,我也是愛用者
粉絲我只能在此為您加油打氣! 加油!
##### 以下為 '基本的發問格式' #####
●主機作業系統:租用主機
●快速架站程式: (請務必註明版本,如果安裝在自己電腦上才填寫)
●您的上網方式:
●您安裝的程式:Apache + php + MySql 或其他
PHP 版本: 8.1.24 + MySQL(i) 5.7.44
●您的 phpBB 版本: phpBB 3.3.13
●您的 domain (網域名稱) :herb-tw.com
●您的 phpBB 連結網址: https://herb-tw.com/phpBB/
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

Re: [分享] 為 prosilver 加桔色框

文章 CRLin »

已重新製作, 請由這個主題的第 1 篇文章下載.
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

Re: [分享] 為 prosilver 加桔色框

文章 CRLin »

這個桔色框的模板設計版權歸 CRLin (已釋出),
而圓角框圖片組版權歸 竹貓 (未釋出), 須自製.
因此 移除附件.
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

Re: [分享] 為 prosilver 加桔色框

文章 CRLin »

完成自製圓角框圖片組, 並增加新功能.
範例: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
CRLin
星球公民
星球公民
文章: 147
註冊時間: 2002-11-13 08:36
聯繫:

Re: [分享] 仿竹貓橘色框及phpBB官網的風格(prosilver)

文章 CRLin »

重新製作!
Demo: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... ?mystyle=1
請由這個主題的第1篇文章下載.

Sorry! 會員列表 發現 bug!!(IE6 browser)
CRLin的簽名檔:
My phpBB3 - http://web.dhjh.tc.edu.tw/~gzqbyr/phpBB
My FluxBB - http://web.dhjh.tc.edu.tw/~gzqbyr/fluxbb (快速、輕巧、方便使用的論壇程式)
kkiinngg
星球普通子民
星球普通子民
文章: 3
註冊時間: 2004-11-29 02:23

Re: [分享] 仿竹貓橘色框及phpBB官網的風格(prosilver)

文章 kkiinngg »

安 版面 方塊 的間距如何設定啦 3Q
yehrussell
竹貓忠實會員
竹貓忠實會員
文章: 550
註冊時間: 2006-01-03 07:48

Re: [分享] 仿竹貓橘色框及phpBB官網的風格(prosilver)

文章 yehrussell »

提一下問題...
因為剛升級為3.03版
我就重新下載第一篇程式,
發現字體有比較小喔!(比原本未加框字小)蠻明顯的
##### 以下為 '基本的發問格式' #####
●主機作業系統:租用主機
●快速架站程式: (請務必註明版本,如果安裝在自己電腦上才填寫)
●您的上網方式:
●您安裝的程式:Apache + php + MySql 或其他
PHP 版本: 8.1.24 + MySQL(i) 5.7.44
●您的 phpBB 版本: phpBB 3.3.13
●您的 domain (網域名稱) :herb-tw.com
●您的 phpBB 連結網址: https://herb-tw.com/phpBB/
主題已鎖定

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