[RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

English only. Discuss phpBB3 here.

版主: 汉化组

发表回复
头像
CRLin
汉化组成员
汉化组成员
帖子: 334
注册: 2007-05-25 11:32
联系:

[RELEASE] phpbbsilver - phpBB-3.0.2 (like phpBB.com style)

帖子 CRLin » 2008-09-18 15:08

(因为 pphpbb 官网不能添加附件, 借用 phpbbchina.com. 中文用戶请参考 http://phpbbchina.com/forum/viewtopic.php?f=24&t=3651 )
(Very sorry! There are bug for memberlist - IE6 browser)
Style Name: phpbbsilver
Style Author: CRLin
Style description: Like phpBB.com style (More colors). Include background image, navigation menu, about page - http://web.dhjh.tcc.edu.tw/~gzqbyr/phpB ... /about.php . Allow to edit corner width.
Live Demo: http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB/forum/
(you can find rightside of navbar, select form to change color.)
Download:
phpbbsilver.rar
(267.54 KiB) 被下载 1 次
If you want to add like this about page - http://phpbbchina.com/about/index.php ,
Download:
about.rar
Edit header_about.html
(18.8 KiB) 还未被下载
Unzip about.rar, read readme_install.txt to install.
Updated: Changed and added files
phpbbsilver/theme/*.* and phpbbsilver/theme/images/*.*

Styles demo:
default
图片

The following demos, edit phpbbsilver.css
replace code: import url("prosilver.css"); with code: import url("procyan.css");
图片

replace code: import url("prosilver.css"); with code: import url("prodarkblue.css");
图片

replace code: import url("prosilver.css"); with code: import url("progray.css");
图片

replace code: import url("prosilver.css"); with code: import url("progreen.css");
图片

replace code: import url("prosilver.css"); with code: import url("proorange.css");
图片

replace code: import url("prosilver.css"); with code: import url("prored.css");
图片

Method to edit menu bar.(Very easy)
In phpbbsilver.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>
			<span class="corners-bottom"><span></span></span>
		</div>
In above code <li class="active item99"> is active page.

In about.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="{U_ABOUT}"><span>About</span></a></li>
				<li>&nbsp;</li>
				<li class="active item99"><a href="{U_INDEX}"><span>Forum</span></a></li>
			</ul>
			</div>
			<span class="corners-bottom"><span></span></span>
		</div>
And styles/phpbbsilver/template/header_about.html

代码: 全选

		<div id="ja-mainnavwrap">
			<div id="ja-mainnav" class="clearfix">
			<ul class="menu">
				<li class="active item10"><a href="{U_ABOUT}"><span>About</span></a></li>
				<li>&nbsp;</li>
				<li class="item99"><a href="{U_INDEX}"><span>Forum</span></a></li>
			</ul>
			</div>
			<span class="corners-bottom"><span></span></span>
		</div>

Fix corner width:
Open phpbbsilver/theme/site.css
Find

代码: 全选

	padding: 21px 0 10px 0;
	margin: 0px 30px;
Replace with

代码: 全选

	width: 850px;
	padding: 21px 0 10px 0;
	margin: 0px auto;
Find

代码: 全选

	min-width: 710px;
After, add

代码: 全选

	margin: 0px auto;
	width: 910px;
PS:
Other discussion - http://www.phpbb.com/community/viewtopi ... &t=1196645
http://127.0.0.1/~gzqbyr/phpBB/forum/viewblog.php
http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB

四海一家,有容乃大
网路上来点幽默,能消除疲劳,化解误会紧张,但也要注意到...
俺家裡'抹油'安裝網路
周休二日及寒暑假没有辅导课不上网

发表回复