[发布]移植自Joomla1.5的phpBB风格Ja_purity

在这里讨论和发布PHPBB3.0.X风格和主题
User avatar
IOsetting
论坛管理员
论坛管理员
Posts: 3647
Joined: 2006-10-17 1:48

[发布]移植自Joomla1.5的phpBB风格Ja_purity

Post by IOsetting » 2008-06-24 0:31

Ja_purity 是Joomla 模板竞赛中的最佳作品之一, 属于不可多得的顶尖作品.
前些日子打算用Joomla帮朋友建一个小站, 选定了这套风格. 由于需要与phpBB整合, 就顺便将此风格应用到了phpBB3之上.


风格预览:
2008-06-24_002029.gif
ja_purity 风格预览
2008-06-24_002029.gif (22.56 KiB) Viewed 4440 times
下载地址:
下载地址一
下载地址二

风格说明:
适用于phpBB版本 3.0.1
已经包含了简中和繁中的图档, 故可直接用于简体和繁体中文环境
基于prosilver制作, 用于prosilver的修改基本上都适用于此风格.

问: 如何修改顶部导航栏?
答: 打开template/overall_header.html, 找到

Code: Select all

		<ul class="menu">
			<li class="item28"><a href="/"><span>首页</span></a></li>
			<li class="item29"><a href="#"><span>新闻</span></a></li>
			<li class="item18"><a href="#"><span>博客</span></a></li>
			<li class="item30"><a href="#"><span>相册</span></a></li>
			<li class="active item53"><a href="./"><span> 论坛 </span></a></li>
		</ul>
修改其中的链接地址和文字即可.

问: 字体过小怎么办?
答: 进入后台管理面板, 风格-> 风格主题 -> ja_purity->编辑, 参考 [常见问题]字体显示过小的解决方法

问: 如何与Joomla整合
答: 请参考 简易整合. 也可使用rocketwerx的整合程序.

User avatar
CRLin
汉化组成员
汉化组成员
Posts: 334
Joined: 2007-05-25 11:32

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by CRLin » 2008-06-24 8:39

很清爽! 收下了.
http://127.0.0.1/~gzqbyr/phpBB/forum/viewblog.php
http://web.dhjh.tcc.edu.tw/~gzqbyr/phpBB

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

User avatar
jwxie
炉火纯青
炉火纯青
Posts: 510
Joined: 2007-07-09 10:31

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by jwxie » 2008-06-25 1:00

這個我也要試試用用
可憐的人= =
現在的template都變成這種東西
這我還得學一輩子

wordpress, joomla, drupla...唉
要學不容易

indy111
初来乍到
初来乍到
Posts: 2
Joined: 2008-06-29 15:42

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by indy111 » 2008-06-29 15:46

謝謝! 您的風格我很喜歡.
但是請教一下, 我想把整個網頁縮成1000px寬, joomla有參數可以設定, 那我如何改phpbb3的論壇寬度? 包含論壇上面的menubar, 還有可以的話想把背景改成黑色的, 請教一下如何設定.

User avatar
IOsetting
论坛管理员
论坛管理员
Posts: 3647
Joined: 2006-10-17 1:48

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by IOsetting » 2008-06-29 18:42

styles/ja_purity/theme/common.css下

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
}
修改为

Code: Select all

#wrap {
	margin: 0 auto;
	width: 1000px;
}
template.css中

Code: Select all

#ja-header {
	position: relative;
	height: 80px;
	width: 97%;
	margin: 0pt auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

Code: Select all

#ja-mainnav {
	border-left: 1px solid #333333;
	background: #444444;
	width: 97%;
	margin: 0pt auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
里面的97%都要改成 1000px.

背景颜色在template.css里改,

Code: Select all

#ja-wrapper {
	width: 100%;
	margin: 0;
	background: #F2F2F2;
}
里面的 #F2F2F2改成自己想要的颜色, 但是相应的你还需要改一堆的文字颜色和theme图片, 否则会很难看

要学会用firebug修改风格, 这个工具非常有用.

indy111
初来乍到
初来乍到
Posts: 2
Joined: 2008-06-29 15:42

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by indy111 » 2008-06-30 9:41

成功! 非常感謝!

User avatar
kk201168
新手入门
新手入门
Posts: 44
Joined: 2007-05-18 14:54

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by kk201168 » 2008-06-30 13:15

字体修改 按照你所说的 修改了!可是还是没有变化!荤
用PHPBB搭建的论坛:http://www.80base.cn

User avatar
IOsetting
论坛管理员
论坛管理员
Posts: 3647
Joined: 2006-10-17 1:48

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by IOsetting » 2008-06-30 14:20

kk201168 wrote:字体修改 按照你所说的 修改了!可是还是没有变化!荤
我也很晕, 你不会真的修改了prosilver的风格主题吧? 要修改ja_purity的, 别弄错了

User avatar
kk201168
新手入门
新手入门
Posts: 44
Joined: 2007-05-18 14:54

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by kk201168 » 2008-06-30 20:10

IOsetting wrote:
kk201168 wrote:字体修改 按照你所说的 修改了!可是还是没有变化!荤
我也很晕, 你不会真的修改了prosilver的风格主题吧? 要修改ja_purity的, 别弄错了
我是修改ja_purity的
用PHPBB搭建的论坛:http://www.80base.cn

xzc
初来乍到
初来乍到
Posts: 12
Joined: 2007-07-07 14:41

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by xzc » 2008-07-16 21:06

颜色方面如何修改呢?我想要绿色的那个风格。多谢!!

User avatar
mymsn
技术组成员
技术组成员
Posts: 380
Joined: 2008-02-24 18:13

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by mymsn » 2008-07-16 21:36

这个风格很接近官方风格了,估计很多人会喜欢! :grin:
不知道怎么喜欢上phpbb,但喜欢上就丢不开了 :(

Jasonshare
初来乍到
初来乍到
Posts: 10
Joined: 2008-05-15 14:17

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by Jasonshare » 2008-07-17 0:32

我是Joomla1.0.15,也想要这个风格和这个整合,大大们能想办法吗? 因为暂时不想升级Joomla系统.

Jasonshare
初来乍到
初来乍到
Posts: 10
Joined: 2008-05-15 14:17

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by Jasonshare » 2008-07-18 0:15

谢谢版主...但是想把头部左边那里的Logo换成图片,在哪里修改呢?

User avatar
IOsetting
论坛管理员
论坛管理员
Posts: 3647
Joined: 2006-10-17 1:48

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by IOsetting » 2008-07-18 17:20

overall_header.html里面有个

Code: Select all

		<h1 class="logo-text">
			....
		</h1>
换成logo图片的话,
要换成

Code: Select all

		<h1 class="logo">
			<a title="JA Purity" href="#"><span>JA Purity</span></a>
		</h1>
这样的类型
其中的 logo 的css设定在 template.css 里面,

Code: Select all

h1.logo a {
	background:transparent url(../images/logo.png) no-repeat scroll 0%;
	display:block;
	height:80px;
	position:relative;
	width:208px;
	z-index:100;
}
其中的 ../images/logo.png 就是你需要放上的图片.

xzc
初来乍到
初来乍到
Posts: 12
Joined: 2007-07-07 14:41

Re: [发布]移植自Joomla1.5的风格Ja_purity

Post by xzc » 2008-07-28 11:58

xzc wrote:颜色方面如何修改呢?我想要绿色的那个风格。多谢!!
在前面看见了,不好意思。多谢!
Last edited by xzc on 2008-07-28 17:26, edited 1 time in total.

Post Reply