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是可以直接覆盖的.
$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;
Center 为左右居中 bottom 为底部 反之 top为显示在头部
Repeat-y 与 图片路径之间只能有2个距离样式
如果想头部小导航的样式为 黑色,鼠标移动上去后变为红色 可以这样写
#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 则可以根据实际情况稍微改动
二,首页各个细节
这里只是简单介绍,不过只要这些都改好了,风格也就差不多了
1,边框颜色,在后台风格编辑里 表格外边框颜色: 不过,如果你直接用旧风格 来升级的话,就不用填写了,因为 xx.php里就包含,只要覆盖,后台风 格编辑里编辑颜色的地方可以不动
2,内边框同上
3, 板块列表的背景颜色
鼠标未移动上去显示的颜色调整样式为 后台里风格编辑的 论坛列表颜色一:
鼠标移动上去显示的是 论坛列表颜色二: (ie6ia无效果)
其中 论坛列表颜色二 包括在列表页列表 鼠标移动上去显示的样式 以及 帖 子浏览里 左边个人信息背景
他们的css样式是
.f_two,.t_two,.r_two{background:$forumcolortwo;}
F开头的是首页 t 开头的是列表也 r 开头的便是浏览页
这几个还可以拆分开来如
.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页面上去