PHPWind 6.3.2风格升级至PW7.0教程

发现最近的一些问题都是跟风格有关联,囧,

博是因为要准备升级PJ3最终版而花了点时间修改,

而论坛则是有三个公会的论坛都要升级到PW7Beta版,

风格都需要在原来的细节上进行升级修改,

而且风格都是各自不同的,真是够头疼的。

相对来说,还是DZ的风格升级最方便,

每次升级网游部的论坛时候,几乎都不需要花费什么心思去升级风格,

PW就是喜欢折腾,比DZ的UCH还麻烦,

收藏篇龙文风格馆的文章,关于如何升级PW6.32风格到PW7.0的技巧介绍。

另外,竟然还让我发现了一个汉化WP的技巧文章,

真是意外收获,我真的是看腻了那E文版的后台了,

这个周末就动动手,替我那海外的WP汉化下。

=======风格升级教程=======

风格一般都3个目录 data images template

升级其实相当于重新做一个风格,但是,与新作还是有点区别,

因为不必再费劲心思想,直接有原样式来套。这里简单介绍下怎么升级一款风格(相当于重新做一款风格)

1,由于7.0变化还是比较大的,所以涉及非常多,不过最核心的文件还是没有变化,

那就是 data/style/xxx.php 其中 xxx 就是这个风格的文件名了 xxx是可以直接覆盖的.

引用自
xxx.php里的

$stylepath = 'xxx1';

$tplpath = 'xxx2';

其中 xxx1为图片目录名 xxx2 为 html文件目录名

2,然后就是 data/style 里的另外一个文件 css 由于改动比较大,这里就要详细说下

一,大局

大局的话wind7可分为三大一小,顶部的小导航一小(需要自己定义宽度;)

1,去除顶部一小后,包括logo,以及logo下面的重要导航,和导航下的站点信息及其个人信息.

也便是css样式里的 #header

2,主体板块,包括公告,和最下面的那3个新旧帖锁帖图标所在的地方为另外一大,其控制样式是 #main

3,最后就是底部的了(下面的首页各细节会说明) #footer

4,还有一个包含 #header #main 的样式 #wrapA 可以通过这个给中间加背景 background:url($imgpath/$stylepath/风格里的图片名) center top repeat-y;

5,想给头部加背景的话可以在 #header 里写背景代码,样式如上,如果想固定高度 的话,可以在 #header 样式下面再加一个 #header table{height:500px;} 高度自己定义

6,如果想给底部加背景的话可以在 body里加 代码需要这样 background:url($imgpath/$stylepath/风格里的图片名) center bottom repeat-y;

引用自
repeat-y 为图片纵向重复排列 repeat-x 为图片横向重复排列 No-repeat 图片只显示一次

Center 为左右居中 bottom 为底部 反之 top为显示在头部

Repeat-y 与 图片路径之间只能有2个距离样式

引用自
想改变某个地方的连接字体样式的话,一般都是 这个地方的 css样式 然 后后面空格a里面加上 color:#fff;(颜色自定义) 如果想鼠标移动上去 样式变化 则新建一个样式 在a后面加上 :hover 下面举个例子

如果想头部小导航的样式为 黑色,鼠标移动上去后变为红色 可以这样写

#toptool a{color:#000;}

#toptool a:hover{color:#ff0000;}

如果无效果的话,那就要看看,这个样式里有没有包含其他样式,其他样式里有没有字体颜色代码了。

但是,如果想全局的话就直接 a{color:#000;}就可以了,后台风格编辑里 的css里就有

/*a link 基本连接颜色*/

a{text-decoration:none;color:$linkcolor}

a:hover{color:#0070AF; text-decoration:underline}

$linkcolor 这个变量便是上面的 全局链接颜色:如果是升级覆盖xxx.php 的话就不用修改,而a:hover 则可以根据实际情况稍微改动

引用自
$imgpath/$stylepath/ 为图片目录地址,也就是 images/你的风格图片目录

二,首页各个细节

这里只是简单介绍,不过只要这些都改好了,风格也就差不多了

1,边框颜色,在后台风格编辑里 表格外边框颜色: 不过,如果你直接用旧风格 来升级的话,就不用填写了,因为 xx.php里就包含,只要覆盖,后台风 格编辑里编辑颜色的地方可以不动

2,内边框同上

3, 板块列表的背景颜色

鼠标未移动上去显示的颜色调整样式为 后台里风格编辑的 论坛列表颜色一:

鼠标移动上去显示的是 论坛列表颜色二: (ie6ia无效果)

其中 论坛列表颜色二 包括在列表页列表 鼠标移动上去显示的样式 以及 帖 子浏览里 左边个人信息背景

他们的css样式是

引用自
.f_one,.t_one,.r_one{background:$forumcolorone;}

.f_two,.t_two,.r_two{background:$forumcolortwo;}

F开头的是首页 t 开头的是列表也 r 开头的便是浏览页

这几个还可以拆分开来如

引用自
.f_one{background:$forumcolorone;}

.t_one{background:$forumcolorone;}

.r_one{background:$forumcolorone;}

.f_two{background:$forumcolortwo;}

.t_two{background:$forumcolortwo;}

.r_two{background:$forumcolortwo;}

具体效果还要根据实际需求了,变量可以自己替换成需要的颜色代码.

5,重要导航左边的那个开关个人信息图标

这个在图片包里的名字是infobox_13.png 这个样式固定,边框也固定了,所以升级的 话这个图标就要重新做一个

基本上,只要上面都会处理了,那风格也就差不多了~欠缺的只是细节上的问题了,升级的风格也就差不多了

三,其他页面细节

1,分页翻页代码 #pages 如无必要,不要修改最好

2,下拉菜单同上,如果要改 样式 #manu

粗边框控制的样式是

.menu.bor{padding-bottom:8px;*padding-bottom:0px;_padding- bottom:0px;border:5px solid $headborder;}

3,输入框样式控制是 .input

4,文本框数据样式是 textarea

3,images图片包,取一wind风格图片包,然后根据升级的风格,卓个替换,替换后再改 成风格需要的图片包名

4,template如果没有必要,最好不要修改,这样兼容性会更强,不怕打补丁出现问题。

如果要改的话那就是更深层次的问题了,这里建议如果想加图片什么的,最好参照下前 面那大局里的方法

下面说下文件的区别,7.0相对于6.32改动非常之多,做风格有时候需要改动模板文件,一般只有header.htm和footer.htm

3,其他说明

Footer.htm 2个版本里的变量都无变化,只要php没改动就没多大问题

Header.htm 这个变化就大了,相当于重新编写过 6.32的时候,整个头部样式是 #header,现在头部导航与#header 分离,且 原先index.htm页面的登陆框及其论坛信息 现在也加到header.htm页面上去