PhpWind:风格制作教程

PHPWIND风格制作

一、创建新风格的文件

• 复制./bbs/image/下的wind文件夹，粘贴到./bbs/image/，即得到“复件wind ”文件夹，并将该文件夹重命名为XXX
• 复制./bbs/template/下的wind文件夹，粘贴到./bbs/template即得到“复件wind”文件夹，仍然将该文件夹重命名为XXX
• 复制./bbs/data/style下的wind.php，粘贴到./bbs/data/style即得到“复件wind.php文件，并将该文件重命名为XXX.php.(该文件为风格核心文件)

二、风格制作核心

上面已经得到了你的新风格需要的文件了，现在可以进行制作属于你自己的风格了

• 修改风格核心文件

  　将./bbs/data/style/XXX.php文件用记事本打开，进行修改，具体修改如下：

  注意“//”表示注释，可以不写进去，你只需要在文件里修改就可以了
  颜色代码改成你自己风格需要的颜色代码
  表格宽度设置为你的风格需要的宽度，可以是固定值或百分比
  $stylepath = 'xxx'; //此风格在image目录下的文件夹名称
  $tplpath = 'xxx'; //此风格在template目录下的风格文件夹名称
  $yeyestyle = 'no';//表格内部是否使用白色("yes"内部表格边框将为透明的，"no"表格边框的颜色就是你下面定义的颜色)
  $tablecolor = '#E5E3E3'; //表格边框颜色(外边框)
  $tablewidth = '98%'; //表格宽度
  $mtablewidth= '760'; //头部和尾部表格宽度
  //论坛版块列表颜色一(版块的"论坛" "最后发表"两列的表格背景颜色及"我的信息" "友情链接" "在线用户"长表格背景颜色)
  $forumcolorone = '#F7F7F7';
  //论坛版块列表颜色二(版块的"有无新贴认证论坛"一列,"主题" "文章" "版主" 几列的表格背景颜色及"贴子管理" "提交"按钮的颜色)
  $forumcolortwo = '#F7F7F7';
  //版块内的文章列表颜色一("版块" "作者" "最后发表" 几列的颜色)
  $threadcolorone = '#F1F3F5';
  //版块内文章列表颜色二("标题" "回复" "人气" 几列的颜色 及 版块内"在线用户" 长表格背景颜色)
  $threadcolortwo = '#F7F7F7'; //版块内文章列表颜色二
  //阅读主题时文章背景颜色一(左右两列的背景颜色)
  $readcolorone= '#F7F7F7'; //阅读主题时文章背景颜色一
  $readcolortwo= '#F1F3F5'; //阅读主题时文章背景颜色二
  $maincolor = '#F3F3F3'; //开发程序备用颜色(一般不用修改)

• 修改风格CSS 相应效果和颜色改成你自己风格需要的(templete下面的header.htm里)

.head { color: #ffffff;background: #6699CC;padding: 5px;}
这个定义的板块头部的颜色 就是显示分类板块名称 分类版主的那行 此处的是字体颜色为白色 背景色为#6699cc
padding就是单元格内部的字和四周边框的距离
.f_one {background: $forumcolorone;}
.f_two {background: $forumcolortwo;}
.t_one {background: $threadcolorone;}
.t_two {background: $threadcolortwo;}
这里定义的是论坛板块的颜色 一般有两种色 在data/style里的相对应php文件里控制
.cbg { color: #000000;background: #D1DCEB;}这是控制板块头部下边 论坛 回复 人气 作者 最后回复的那条
.smalltxt {font-family: Tahoma, Verdana; font-size: 8pt;color: #000000;}小字体的设置比如在回复那一栏里面的字
.table { color:#000000;}
.cfont { color:#ffffff; }有些连接放置到HEAD里 就变成黑色了 用这个CSS可以控制 使它变成白色
.fnamecolor { color:#003366;}板块名称的颜色
.bold {font-weight:bold;}
定义了一个粗体的css类 可以随时用 调用 相当于
.headurl { color:#ffffff;} 这个好像和cfont一样的功能 （只是我的感觉）
.index_font{color: #3A4F6C;background-color:#D1DCEB; font-weight:bold;padding: 5px;}
定义 我的信息 友情连接 在线会员 那一栏的
.tpc_title { font-size: 12px;font-weight:bold;}read.htm里的标题文字 粗体 大小12px
.tpc_content { font-size: 12px;}read.htm里的内容文字 大小12px
.i_table {BORDER: $tablecolor 1px solid;}定义表格的边框线 颜色在相应的data/style/***.php文件里控制 宽度一像素

三、修改风格需要的图片

将./bbs/image/XXX里的图片换成风格需要的图片

   ./bbs/image/xxx目录下图片是一些和版块相关的,还有发新贴一类的
   lock.gif----认证版块图片
   logo.gif----论坛LOGO
   new.gif----有新贴
   old.gif----无新贴
   post.gif----发表主题
   reply.gif----回复主题
   sigline.gif----签名分隔线
   vote.gif----发表新投票 
   file文件夹：一般是些小图标，
   attc.gif----附件
   digest_1.gif----精华1
   digest_2.gif----精华2
   headtopic_1.gif----置顶1
   headtopic_2.gif----置顶2
   headtopic_3.gif----置顶3
   img.gif----图片类型
   multipage.gif----多页图片
   music.gif----音乐图片
   new.gif----新贴图片
   txt.gif----文本图片
   zip.gif----压缩文件图片
   forumlogo文件夹：如果要在版块前加logo图，放在这里，不过要后台设置，这里不讨论之

   group文件夹：用户组小图标（游客，管理员，会员等。。）
   2.gif----游客图片
   3.gif----管理员图片
   4.gif----总版主图片
   5.gif----版主图片
   6.gif----普通会员图片
   16.gif----荣誉会员图片 

   index文件夹：[[首页]]细节的小图片
   birth.gif
   foruminfo.gif
   home.gif----首页论坛图片
   msg.gif----我的信息图片
   online.gif----在线用户图片
   share.gif----友情链接图片 
   level文件夹：论坛用户级别的图片
   3.gif---管理员
   4.gif---总版主
   5.gif---版主
   8.gif---游客、default、验证会员、禁止发言、新手上路
   9.gif---侠客
   10.gif---骑士
   11.gif---圣骑士
   12.gif---精灵王
   13.gif---风云使者
   13.gif---光明使者
   15.gif---天使 
   read文件夹：读帖时候的小图片（信息，引用，编辑等。。）
   profile.gif 资料
   message.gif 短信
   email.gif 邮件
   emailto.gif 推荐
   quote.gif 引用
   edit.gif 编辑
   online.gif 在线图标
   offline 离线图标
   rate.gif 版主评分图标
   postban.gif 禁言图标
   top.gif 跳到顶部图标 

   thread文件夹：版块里帖子状态小图片（就是置顶，热门，锁定等主题帖状态）
   anc.gif----公告图片
   topicclose.gif----主题关闭图片
   topichot.gif----热门主题图片
   topiclock.gif----锁定主题图片
   topicnew.gif----新主题图片
   vote.gif----投票图片
   votelock.gif----锁定投票图片

另外如果你模版里需要另外的图片，可以直接放在xxx目录下，或在xxx目录下新建个你自己随便取的文件夹名字，在模版里用的时候图片路径指向该文件夹就可以了

－－－－－－－－ 附加说明：

  论坛安装后的官方WIND风格建议各位不要删除。——因为根据PW的程序设计，你自己设计的风格时，比如你自己的风格里READ.HTM模板和官方的 WIND风格里的READ.HTM模板没有区别并且准备保持一致，那么，你就不需要给你自己的风格里面加入READ.HTM模板，且完全可以删除你的READ.HTM模板。这样，当程序发现你的风格里没有READ.HTM模板时，会自动调用WIND风格的READ.HTM模板来补充，这样就和官方的READ.HTM模板做到了保持一致。其他诸如THREAD.HTM等等模板也是一样的。PW程序是特意这样做的。这样做的好处：如果PW推出新版，官方WIND风格里的READ.HTM模板有一个小改动，同时由于你自己风格的READ.HTM模板和官方WIND相同且准备保持一致，因而没有设置READ.HTM模板，那么当升级的时候，你就无需操心官方模板的变化，程序自然会调用WIND风格的READ.HTM模板。此时，你的风格等于无缝升级到了新版本。