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

在这里讨论和发布PHPBB3.0.X风格和主题
头像
IOsetting
论坛管理员
论坛管理员
帖子: 3641
注册: 2006-10-17 1:48

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

帖子 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) 被阅读 1760 次
下载地址:
下载地址一
下载地址二

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

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

代码: 全选

		<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的整合程序.

头像
CRLin
汉化组成员
汉化组成员
帖子: 334
注册: 2007-05-25 11:32

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

帖子 CRLin » 2008-06-24 8:39

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

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

头像
jwxie
炉火纯青
炉火纯青
帖子: 510
注册: 2007-07-09 10:31

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

帖子 jwxie » 2008-06-25 1:00

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

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

indy111
初来乍到
初来乍到
帖子: 2
注册: 2008-06-29 15:42

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

帖子 indy111 » 2008-06-29 15:46

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

头像
IOsetting
论坛管理员
论坛管理员
帖子: 3641
注册: 2006-10-17 1:48

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

帖子 IOsetting » 2008-06-29 18:42

styles/ja_purity/theme/common.css下

代码: 全选

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

代码: 全选

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

代码: 全选

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

代码: 全选

#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里改,

代码: 全选

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

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

indy111
初来乍到
初来乍到
帖子: 2
注册: 2008-06-29 15:42

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

帖子 indy111 » 2008-06-30 9:41

成功! 非常感謝!

头像
kk201168
新手入门
新手入门
帖子: 44
注册: 2007-05-18 14:54

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

帖子 kk201168 » 2008-06-30 13:15

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

头像
IOsetting
论坛管理员
论坛管理员
帖子: 3641
注册: 2006-10-17 1:48

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

帖子 IOsetting » 2008-06-30 14:20

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

头像
kk201168
新手入门
新手入门
帖子: 44
注册: 2007-05-18 14:54

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

帖子 kk201168 » 2008-06-30 20:10

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

xzc
初来乍到
初来乍到
帖子: 12
注册: 2007-07-07 14:41

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

帖子 xzc » 2008-07-16 21:06

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

头像
mymsn
技术组成员
技术组成员
帖子: 357
注册: 2008-02-24 18:13

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

帖子 mymsn » 2008-07-16 21:36

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

Jasonshare
初来乍到
初来乍到
帖子: 10
注册: 2008-05-15 14:17

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

帖子 Jasonshare » 2008-07-17 0:32

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

Jasonshare
初来乍到
初来乍到
帖子: 10
注册: 2008-05-15 14:17

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

帖子 Jasonshare » 2008-07-18 0:15

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

头像
IOsetting
论坛管理员
论坛管理员
帖子: 3641
注册: 2006-10-17 1:48

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

帖子 IOsetting » 2008-07-18 17:20

overall_header.html里面有个

代码: 全选

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

代码: 全选

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

代码: 全选

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
初来乍到
初来乍到
帖子: 12
注册: 2007-07-07 14:41

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

帖子 xzc » 2008-07-28 11:58

xzc 写道:颜色方面如何修改呢?我想要绿色的那个风格。多谢!!
在前面看见了,不好意思。多谢!
最后由 xzc 编辑于 2008-07-28 17:26, 总共编辑了 1 次.

发表回复