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

在这里讨论PHPBB3.0.X相关的使用、安装等话题
Forum rules
再次重申: 请不要用站内信件问问题, 有问题直接发到相应版面上, 今后任何此类信件恕不回复.
Post Reply
User avatar
CRLin
汉化组成员
汉化组成员
Posts: 334
Joined: 2007-05-25 11:32

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

Post by 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) 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
Image

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

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

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

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

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

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

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
http://127.0.0.1/~gzqbyr/phpBB/forum/viewblog.php
http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB

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

Post Reply