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

[CRLin]

(因为 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) Downloaded 1 time

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) Not downloaded yet

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

Code: Select all

		<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

Code: Select all

		<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

Code: Select all

		<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

Code: Select all

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

Replace with

Code: Select all

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

Find

Code: Select all

	min-width: 710px;

After, add

Code: Select all

	margin: 0px auto;
	width: 910px;

PS:
Other discussion - http://www.phpbb.com/community/viewtopi ... &t=1196645