1 頁 (共 2 頁)

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

發表於 : 2008-08-04 11:41
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;

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

發表於 : 2008-08-04 11:46
小竹子
喔喔喔~好圓 哈哈

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

發表於 : 2008-08-04 14:22
yehrussell
CRLin 老師:您好
可否分享,有加外掛後,下面兩個程式更改方式? 謝謝 :-D
overall_header.html和overall_footer.html

PS: PHPBB3.0.2版

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

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

PS: PHPBB3.0.2版
Sorry! 不太懂您的意思.
應先加桔色框, 再由加外掛時須動到 overall_header.html 和 overall_footer.html 做處理.

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

發表於 : 2008-08-05 09:10
yehrussell
謝謝CRLin老師回應...
裝這橘色外框發現一問題
檢視個人資料時,發現一片空白
如圖所示
-1.jpg
PS:是用IE7瀏覽

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

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

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

PS: 竹貓 無此問題. :-D
http://phpbb-tw.net/phpbb/memberlist.ph ... le&u=50006

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

發表於 : 2008-08-05 11:09
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

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

發表於 : 2008-08-06 09:36
CRLin
yehrussell 寫:在下這桔色框已經裝到自己論壇上,
用Firefox 2.0.0.16正常(可以看到),我用IE7測試出來,就是像上面圖空白,
麻煩您看看囉! 謝謝 :-D
這個圓框參考 avalon 風格而來, 花了不少時間. 看來只有放棄重新再做!

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

發表於 : 2008-08-06 09:44
yehrussell
CRLin 寫:這個圓框參考 avalon 風格而來, 花了不少時間. 看來只有放棄重新再做!
老師謝謝您! 這框框做的好喜歡
上次您做的正、簡字轉換,我也是愛用者
粉絲我只能在此為您加油打氣! 加油!

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

發表於 : 2008-08-12 10:46
CRLin
已重新製作, 請由這個主題的第 1 篇文章下載.

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

發表於 : 2008-08-14 07:16
CRLin
這個桔色框的模板設計版權歸 CRLin (已釋出),
而圓角框圖片組版權歸 竹貓 (未釋出), 須自製.
因此 移除附件.

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

發表於 : 2008-08-19 10:11
CRLin
完成自製圓角框圖片組, 並增加新功能.
範例: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum

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

發表於 : 2008-11-07 08:56
CRLin
重新製作!
Demo: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... ?mystyle=1
請由這個主題的第1篇文章下載.

Sorry! 會員列表 發現 bug!!(IE6 browser)

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

發表於 : 2008-11-09 17:52
kkiinngg
安 版面 方塊 的間距如何設定啦 3Q

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

發表於 : 2008-11-13 11:00
yehrussell
提一下問題...
因為剛升級為3.03版
我就重新下載第一篇程式,
發現字體有比較小喔!(比原本未加框字小)蠻明顯的